javascript - Html 5 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")
}

这总是失败。欢迎任何帮助。谢谢!

Answer 1

我想您可能会看到 this issue .

作为一般规则，您应该更仔细地查看错误而不是 alert('failed')，因为错误代码会让您更好地了解问题，例如:alert (e.toString()) 或 alert(e.name + ": "+ e.message)