IE6, IE7, IE8 및 Firefox 브라우저와 호환되는 이미지 업로드 미리 보기

전송 Firefox 브라우저는 파일을 업로드하는 보안 문제에 대해 절대 경로만 얻을 수 있습니다.사진 미리 보기를 업로드하는 경우 다음과 같이 할 수 있습니다.
IE 브라우저는 미리 보기 그림을div에 표시하고 Firefox 브라우저는img 탭에만 표시합니다.JS 코드:

function changePhoto(sender){
  if(userAgent.indexOf("firefox")>=1){//fiefox   
      alert(sender.files[0]);
      document.getElementByIdx('image0').src=sender.files[0].getAsDataURL();
    }elseif(window.ActiveXObject){//IE   

       var newPreview = document.getElementByIdx("newPreview");
       newPreview.innerHTML="";
       newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader")
       .src=document.getElementByIdx('myFile').value;
       newPreview.style.width= "120px";
      newPreview.style.height = "154px";
      newPreview.style.border="1px solid #a3b7cf";

    ｝

｝

페이지는 다음과 같습니다.

<style type="text/css">
#newPreview
{
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>

 

<div class="cl_left1" id="info2"name="info2">
    <a><span>    ：</span><inputtype="text" class="text1"  id="filename"name="filename" />
   <spanclass="file"></span>
   <input class="file_0" type="file" name="myFile"id="myFile" onchange="changePhoto(this)"/>
     </a>
  </div>

 

<div id="newPreview">
   <aclass="img_head" id="img_head"><imgid="image0"src="<%=path%>/<%=photo%>"<%=path%>/A3IAIo/person1.jpg'"
 height="154px;"width="120px;"/>

</a> 
  </div>

 
Firefox에 로컬 파일을 표시하는 유일한 방법은 기본 보안 정책을 수정하는 것입니다.

Firefox의 주소 표시줄에 "about:config"

를 입력합니다.

"security.checkloaduri"

를 계속 입력하십시오

아래에 열거된 텍스트를 두 번 눌러서true에서false

로 변경합니다