IE8上的Javascript FileReader

Question

我有這個javascript函數，可在用戶選擇圖像后顯示預覽。 我的問題是它無法在IE上運行，我也不知道為什么。

沒有錯誤，但是input.files為null。

JavaScript

function showimagepreview(input, previewId) {
    if (input.files && input.files[0]) {
        var filerdr = new FileReader();
        filerdr.onload = function (e) {
            $('#' + previewId).attr('src', e.target.result);
        }
        filerdr.readAsDataURL(input.files[0]);
    }
}  

這是我的HTML代碼

<div class="photo" id="photo-1">
    <input type="file" class="upload-file" name="Photos[1]" onchange="showimagepreview(this, 'photosPreview1')" />
    <img id="photosPreview1" class="PhotoPreview" />
</div>

Answer 1

問題是FileReader與IE8不兼容。

有關完整的瀏覽器支持功能列表，請參見此處 。

Answer 2

如前所述，IE 8不支持FileReader API http://caniuse.com/#feat=filereader

但是您可以使用polyfill！ Moxie可以解決您的問題。 https://github.com/moxiecode/moxie

Answer 3

IE 8不支持FileReader 。

嘗試使用modernizr 。 我想您可以使用它。