是否可以使用FileReader将网页上的<img/>转换为base64？

Question

我已经有了 var img = new Image(); img.src = src-url; 如何将其传递给FileReader？ PS：我不使用canvas获取base64因为canvas同样的suppoert gif格式。

Answer 1

使用与旧浏览器不兼容的最新APIs的示例。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.gravatar.com/avatar/40ca36f062050220082cd8c46b377ab4?s=32&d=identicon&r=PG', true);
xhr.responseType = 'blob';

xhr.onload = function(e) {
  var blob = new Blob([this.response], {type: 'image/png'});
  var reader = new FileReader();
  reader.onload = function() {
    console.log(reader.result)
  };
  reader.readAsDataURL(blob);
};

xhr.send();