javascript - 从计算机上传图像在 IE9 中不工作

Question

我有一个特定的代码，它在 Google Chrome 上运行良好，但在 IE9 上运行不佳。 我有一个 div，我将图像从计算机拖到该 div，它会在 Google Chrome 上加载，但不会在 IE9 上加载。请帮忙..!

<div id="holder" ></div> 
    <p id="status">
        Please Drag your image from computer and paste it on the div to view it.
    </p>
</div>

jQuery:

var holder = document.getElementById('holder'), 
state = document.getElementById('status'); 

if (typeof window.FileReader === 'undefined') { 
    state.className = 'fail'; 
} else { 
   state.className = 'success'; 
   state.innerHTML = 'Please Drag your image from computer and paste it on the div to view it.'; 
} 

holder.ondragover = function () { 
    this.className = 'hover'; 
    return false; 
}; 

holder.ondragend = function () { 
    this.className = ''; 
    return false; 
}; 

holder.ondrop = function (e) { 
    this.className = ''; 
    e.preventDefault();    
    var file = e.dataTransfer.files[0], 
    reader = new FileReader(); 
    reader.onload = function (event) { 
        alert(event); 
        console.log(event.target); 
        holder.style.background = 'url(' + event.target.result + ') no-repeat center'; 
    }; 

    console.log(file); 
    reader.readAsDataURL(file);
    return false; 
};

可能是什么问题？

Answer 1

HTML5 File IE9浏览器不支持API

UPD:和 HTML5 Drag and Drop IE9 中的 API 支持只是部分的，您正在尝试的部分 (dataTransfer.files) 不受支持。 Here您可以查看哪些浏览器支持拖放 HTML5 API