Downloading an image using XMLHttpRequest in a userscript

Question

First of all there is a question with the same title here on SO but its not what I\'m looking for and it doesn\'t have a complete answer either.

So here\'s my questi

Answer 1

Modern browsers have the Blob object:

GM_xmlhttpRequest({
  method: "GET",
  url: url,
  headers: { referer: url, origin: url },
  responseType: 'blob',
  onload: function(resp) {
    var img = document.createElement('img');
    img.src = window.URL.createObjectURL(resp.response);
    document.body.appendChild(img);
  }
});

The headers param will set the referrer so you can load referrer locked images.