閱讀拖放文件

Question

我試着用dataTransfer.files上傳文件，但是應該用於讀取單個文件的方法或屬性是什麼？

Answer 1

FileReader.readAsArrayBuffer（）
開始讀取指定的斑點的內容，一旦處理結束，結果屬性包含表示所述文件的數據的ArrayBuffer。
FileReader.readAsBinaryString（）
開始讀取指定Blob的內容，一旦完成，結果屬性包含來自文件的原始二進制數據作爲字符串。
FileReader.readAsDataURL（）
開始讀取指定Blob的內容，一旦完成，結果屬性包含一個data：URL代表文件的數據。
FileReader.readAsText（）
開始讀取指定Blob的內容，一旦完成，結果屬性將文件的內容作爲文本字符串包含。
下面的演示可以幫助你
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);