JavaScript FileReaderのreadAsDataURL（）とreadAsArrayBuffer（）とreadAsText（）の違い

Question

画像アップロードのプレビューコードが見つかりました。何が起こっているのが混乱していますか？FileRead()？

var openFile = function(event) { 
    var input = event.target; 

    var reader = new FileReader(); 
    reader.onload = function() { 
     var dataURL = reader.result; 
     var output = document.getElementById('output'); 
     console.log(dataURL) 
     output.src = dataURL; 
    }; 
    reader.readAsDataURL(input.files[0]); 
}; 

Answer 1

• .readAsDataURL()リターン base64では

• .readAsText()リターンファイルの データとしてファイルのデータを表すArrayBuffer文字列に

• .readAsArrayBuffer()リターンをエンコードされたファイルのデータを表すURLテキスト文字列。

詳細については、thisFileReader docを参照してください。

Answer 2

readAsDataURL()は、HTMLタグのurl属性に貼り付けることができる文字列を返します（例：imgのsrc=）。 imgタグの場合、読み取られたファイルのアドレスがsrcの場合と同じように効果的に画像が表示されます。これは元のファイルコンテンツの変換（より大きい）です。

readAsText()は、JavaScript関数によって解析されるか、またはテキストエリアに表示され、ユーザーが理解しやすい文字列を返します。これは、通常、テキストファイルを読むときに便利です。