javascript - ReadAsDataURL() 不起作用

Question

我试图在我的网站中实现拖放功能。我需要将拖放的图像转换为数据 URI，以便我可以将它与 JCrop 一起使用并在之后上传。

            drop: function (e) {
                e = e || window.event;
                e.preventDefault();
                e = e.originalEvent || e;           
                var files = (e.files || e.dataTransfer.files);
                var reader = new FileReader();
                reader.onload = function (event){
                    console.log(event.target.result);
                };
                reader.readAsDataURL(files);
                return false;
            }

但控制台中没有显示任何内容。甚至没有 undefined。 files 变量返回一个包含我删除的图像的 Object FileList，因此问题不存在。我怎样才能解决这个问题？ :(

Answer 1

//applies to only one file.
reader.readAsDataURL(files); 

解决方法:

for(var i=0;i<files.length;i++){
   reader.readAsDataURL(files[i]);
}