javascript - 为 FileReader.readAsDataURL 将 URL 转换为文件或 Blob

Question

引用:FileReader.readAsDataURL

考虑以下示例:

function previewFile(file) {

  var reader  = new FileReader();

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

它指出:

instanceOfFileReader.readAsDataURL(blob);

blob: The Blob or File from which to read.

1. 像这样的本地文件 URL:'file:///C:/path-to/root.png' 如何成为传递给 readAsDataURL()

2. FileReader() 在 Firefox Addon 中可用吗？

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