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]);
}
}
[哪個版本的IE](http://caniuse.com/#feat=fileapi)? – Passerby
你的IE不支持FileReader。 – shuaqiu
9,謝謝路人我現在知道這不行,謝謝! – notknown7777