我正在创建一个拖放文件上传区域。当我一次上传多个文件时,它可以工作,但我需要它能够支持多个阶段的上传。我知道下面的问题是我每次都要设置文件,但是我想不出正确的方法来使每次调用该方法时将更多文件添加到dFiles中。
var dFiles;
//var dFiles = []
var holder = document.getElementById('holder');
holder.ondrop = function (e) {
e.preventDefault();
dFiles = (e.dataTransfer.files);
//dFiles.push(e.dataTransfer.files);
}
我尝试将dfiles初始化为一个空数组并添加文件(上面已注释)。后来,当我读取文件数据时,这会导致数据类型不匹配错误
for (var i = 0; i < dFiles.length; i++) {
reader = new FileReader();
reader.readAsDataUrl(dFiles[i]); //error
}
最佳答案
e.dataTransfer.files
是list of files。
您将必须将每个文件分别添加到dFiles
:
var files = e.dataTransfer.files;
for (var i = 0, l = files.length; i < l; i++) {
dFiles.push(files[i]);
}
或ES6方式:
dFiles.push(...e.dataTransfer.files);
关于javascript - 如何使用JavaScript添加到现有FileList对象?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44164184/