2013-05-28 206 views
1

我發現了一個腳本,可以讓我上傳一個圖像與<input type="file">,當用戶加載圖片,它被預覽在<div>,這完美適用於Chrome和FF,但IE只是什麼也不做......我不知道問題出在哪裏,也許這裏有人能幫助我:)Javascript上傳和預覽圖像不工作在IE瀏覽器

HTML/PHP:

<div id="Step_06_Content_Prev_Img_1" class="Step_06_Content_Prev_Img_1">   
    <div id="Pic_1" class="Pic_1"> 
     <span> Foto 1 : </span> 
     <input type="hidden" name="MAX_FILE_SIZE" value="10000000" /> 
     <input name="file_1" type="file" onchange="changePic_1(this);" /> 

     <div id="Img_1_" class="Img_1_1"> 
     <img id="Img_1" class="Img_1" alt="Geen afbeelding geselecteerd!"/> 
     </div> 

    </div> 
</div> 

<div id="Pic_2" class="Pic_2"> 
    <span> Foto 2 : </span> 
    <input type="hidden" name="MAX_FILE_SIZE" value="10000000" />  
    <input name="file_2" type="file" onchange="changePic_2(this);" /> 

    <div id="Img_1_" class="Img_1_1"> 
     <img id="Img_2" class="Img_2" alt="Geen afbeelding geselecteerd!" /> 
    </div> 
</div> 

的JavaScript:

function changePic_1(input) 
{ 
    if(input.files && input.files[0]) 
    { 
     var reader = new FileReader(); 

     reader.onload = function (e) 
     { 
      $('#Img_1').attr('src', e.target.result).width("180px").height("180px"); 
      document.getElementById("Img_1").style.display = 'block'; 
      document.getElementById("Img_1_Text").style.display = 'none'; 
      document.getElementById("Img_1").style.visibility = "visible"; 
     }; 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

function changePic_2(input) 
{ 
    if (input.files && input.files[0]) 
    { 
     var reader = new FileReader(); 

     reader.onload = function (e) 
     { 
      $('#Img_2').attr('src', e.target.result).width("180px").height("180px"); 
      document.getElementById("Img_2").style.display = 'block'; 
      document.getElementById("Img_2_Text").style.display = 'none'; 
      document.getElementById("Img_2").style.visibility = "visible"; 
     }; 

     reader.readAsDataURL(input.files[0]); 
    } 
} 
+1

[哪個版本的IE](http://caniuse.com/#feat=fileapi)? – Passerby

+0

你的IE不支持FileReader。 – shuaqiu

+1

9,謝謝路人我現在知道這不行,謝謝! – notknown7777

回答

2

請參考以下鏈接的的FileReader

http://caniuse.com/filereader

兼容性我想的FileReader()與您的IE瀏覽器版本兼容這就是爲什麼你沒有得到任何錯誤,因爲它是不無法識別fileReader()函數。

相關問題