读取拖放文件

Question

我尝试使用dataTransfer.files上传文件但是应该用于读取单个文件的方法或属性是什么？

Answer 1

<强> FileReader.readAsArrayBuffer（）
开始读取指定Blob的内容，完成后，result属性包含表示文件数据的ArrayBuffer。
的 FileReader.readAsBinaryString（）
开始读取指定Blob的内容，完成后，result属性将文件中的原始二进制数据作为字符串包含。
的 FileReader.readAsDataURL（）
开始读取指定Blob的内容，完成后，result属性包含一个数据：表示文件数据的URL。
的 FileReader.readAsText（）
开始读取指定Blob的内容，完成后，result属性将文件内容作为文本字符串包含 以下演示对您有所帮助 的 Demo

var file = e.dataTransfer.files[0],
      reader = new FileReader();
  reader.onload = function (event) {
    console.log(event.target.result);
    //holder.style.background = 'url(' + event.target.result + ') no-repeat center';

  };
  console.log(file);
  reader.readAsDataURL(file);