javascript - FileReader を使用して Web ページを base64 にすることは可能ですか?

Question

私はすでに var img = new Image(); img.src = src-url; それを FileReader に渡す方法を持っていますか? PS: キャンバスは同じ GIF 形式をサポートしているため、base64 を取得するためにキャンバスを使用しません。

Answer 1

古いブラウザと互換性がない最新のAPIを使用した例。

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