FileReader.readAsDataURL の URL をファイルまたは Blob に変換する 質問する

FileReader.readAsDataURL の URL をファイルまたは Blob に変換する 質問する

参照:FileReader.readAsDataURL

次の例を考えてみましょう。

function previewFile(file) {

  var reader  = new FileReader();

  reader.onloadend = function () {
    console.log(reader.result);
  }
  reader.readAsDataURL(file);
}

それは次のように述べています。

インスタンスOfFileReader.readAsDataURL(blob);

blob: 読み取り元の Blob またはファイル。

  1. 次のようなローカルファイルURLを'file:///C:/path-to/root.png'どのようにして渡すことができるでしょうか?readAsDataURL()

  2. FileReader()Firefox アドオンで利用できますか?

ベストアンサー1

FileReader.readAsDataURL() の URL を Blob に変換するには、次のようにします。

var request = new XMLHttpRequest();
request.open('GET', MY_URL, true);
request.responseType = 'blob';
request.onload = function() {
    var reader = new FileReader();
    reader.readAsDataURL(request.response);
    reader.onload =  function(e){
        console.log('DataURL:', e.target.result);
    };
};
request.send();

おすすめ記事