HTML5中的FileReader总是出现错误。

Question

我正在尝试读取一张图片文件，但是它从未成功。始终会调用onerror方法。以下是我的代码。

   dropZone.addEventListener('drop', function(e)
   {
    var f = e.dataTransfer.files[0];
    if(!f.type.match('image.*'))
    {
        return;
    }

    var reader = new FileReader();

    // Closure to capture the file information.
    reader.onload = handleReaderLoad;
    reader.onerror = function(e)
    {
        alert("it failed")
    }
    // Read in the image file as a data URL.
    reader.readAsDataURL(f);

}, false);
function handleReaderLoad(evt)
{
    alert("it worked")
}

这个一直失败。欢迎任何帮助。谢谢！

- Aidan

---

你在测试哪些浏览器的代码？看起来你的一些代码是依赖于特定浏览器的... - David Hellsing

抱歉，我正在谷歌浏览器上进行测试。 - Aidan

Answer 1

我认为你可能会看到这个问题。

通常情况下，你应该更仔细地查看错误信息而不是用alert('failed')，因为错误代码会让你更好地了解问题，例如：alert(e.toString())或alert(e.name + ": " + e.message)

- SpliFF