javascript - [更新]在 Chrome 中使用 FileReader

Question

我设置了一个 Apache 服务器，将页面放到服务器上，问题就解决了。所以我知道这个问题是由 chrome 中的安全设置引起的。

现在我想知道，是否可以让本地网页访问本地文件？

我要制作一个允许将本地镜像拖到上面的页面。这是我的代码，它在 chrome 中不起作用

问题是 reader.onload 事件没有触发，onerror 触发了。

那是什么原因呢？以及如何解决？非常感谢。

var oImg=document.getElementById("img1");

oImg.addEventListener('dragover', function(e) {
    e.stopPropagation();
    e.preventDefault();
}, false);

oImg.addEventListener('drop', handleDrop, false);

function handleDrop(e) {
    e.stopPropagation();
    e.preventDefault();

    var thisfile  = e.dataTransfer.files[0],
    reader = new FileReader();

    reader.onload = (function(thisfile){
        return function(e){
            oImg.src = e.target.result;
            }
        }
    })(thisfile);

    reader.readAsDataURL(thisfile);
}

Answer 1

我不确定这个选项是否仍然可用(AFAIK 它是)- 尝试使用开关 --allow-file-access-from-files 打开 chrome

一个开放issue存在可能与您的问题相关。为这个问题加注星标的人越多，它就越有可能得到修复 - 请参阅评论 #1。