javascript - 读取拖放文件

Question

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

Answer 1

FileReader.readAsArrayBuffer()
开始读取指定 Blob 的内容，完成后，result 属性包含一个表示文件数据的 ArrayBuffer。
FileReader.readAsBinaryString()
开始读取指定 Blob 的内容，完成后，result 属性包含来自文件的原始二进制数据作为字符串。
FileReader.readAsDataURL()
开始读取指定 Blob 的内容，完成后，result 属性包含一个 data: 表示文件数据的 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);