오늘날 alphaimageloader 필터의 src 속성은 배경 이미지를 지정하기 위해 절대 또는 상대 URL 주소를 사용합니다. 이 매개변수를 생략하면 필터가 적용되지 않습니다. 코드 복사 코드는 다음과 같습니다. < title>< ;/title> <br>#picshow <br>{ <br>filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=scale); <br> 너비:88px; <br>높이:125px; <br> <! -- <BR>function upimg(imgfile) <BR>{ <BR>var picshow = document.getelementbyid("picshow") <BR>picshow.filters.item("dximagetransform.microsoft.alphaimageloader") .src = imgfile .value; <BR>picshow.style.width = "88px"; <BR>picshow.style.height = "125px" <BR>--> 스크립트> <br></head> <br><body> <br><div id="picshow"></div> 사진 선택:<입력 유형= "파일" 크기 ="20" onchange="upimg(this);" /></p> <br></html> <br><br> <br> 예 2. 동시에 ie6, ie7, ie8 및 firefox와 호환됩니다. <br><br><br> </div> <br>코드 복사<br><div class="codetitle"> <span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="40251" class="copybut" id="copybut40251" onclick="doCopy('code40251')"><u> </u><!doctype html public "-/ /w3c/ /dtd xhtml 1.0 전환//en" </a>"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> </a></span><html xmlns="http :// www.w3.org/1999/xhtml" xml:lang="en" lang="en"> </div><head> <div class="codebody" id="code40251"><meta http-equiv="content-type" 콘텐츠 ="text /html; charset=utf-8" /> <br><script> <br>var picpath; <br>var image;// 미리보기 그림 <br>preview() >{ <br>document.getelementbyid('preview').style.display = 'none'; <br>// IE에서 이미지가 정상적으로 표시될 수 있도록 이미지 크기를 구하는 코드는 다음과 같습니다 <br> document.getelementbyid('box' ).innerhtml <br>= "<img width='" image.width "' height='" image.height "' id='apic' src='" picpath "'> "; <br>} <br>// 보기 버튼 표시 <br>function 버튼show() <br>{ <br>/* <br>이미지 로딩 지연으로 인한 미리보기 실패를 해결하는 데 사용됩니다. <br> 간략한 설명, src 속성이 변경되면 JavaScript는 이미지 콘텐츠를 이미지로 다시 로드합니다. <br>로드가 완료되기 전에 이미지를 표시하려는 경우 일반적으로 시간이 걸립니다. 오류가 발생하므로 <br>이미지의 너비와 너비를 전달하여 이미지가 성공적으로 로드되었는지 확인하고, 로드가 완료된 후에만 미리보기 버튼이 표시됩니다. <br>여기서 여전히 혼란스럽습니다. , IE7에서는 미리보기 효과가 실패하는 경우가 있습니다. <br>*/ <br>if ( image.width == 0 || image.height == 0 ) { <br>settimeout(buttonshow, 1000) <br>} else { <br>document.getelementbyid('preview').style.display = 'block'; <br>} <br>} <br>function loadimage(ele) { <br>picpath = getpath(ele) <br>image = 새 이미지(); <br>image.src = picpath; <br>settimeout(buttonshow, 1000) <br>} <br>function getpath(obj) <br>{ <br>if(obj) <br>{ <br>//ie <br>if (window.navigator.useragent.indexof ("msie")>=1) <br>{ <br>obj.select() <br>// <br>return document.selection.createrange().text; <br>//firefox <br>else if(window.navigator.useragent.indexof("firefox")에서 이미지의 로컬 경로를 가져옵니다. )>=1) <br>{ <br>if(obj.files) <br>{ <br>// Firefox에서 얻은 것은 이미지 데이터 <br>return obj.files.item(0)입니다. getasdataurl() <br>return obj.value; <br>} <br>return obj .value; <br>} <br>} <br> head> >