读取拖放文件

Question

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

Answer 1

FileReader.readAsArrayBuffer()
开始读取指定Blob的内容,完成后,result属性包含一个表示文件数据的ArrayBuffer.
FileReader.readAsBinaryString()
开始读取指定Blob的内容,一旦完成,result属性将包含文件中的原始二进制数据作为字符串.
FileReader.readAsDataURL()
开始读取指定Blob的内容,完成后,result属性包含一个数据:表示文件数据的URL.
FileReader.readAsText()
开始读取指定Blob的内容,完成后,result属性将文件内容作为文本字符串包含.
以下演示可以为您
演示

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);