Question

有人会提示我 - 如何使用Java Script将“blob in memory”保存到文件中？

e.g。我在页面中有下一个blob-image：

<img src="blob:https%3A//drive.google.com/851b979c-92e9-4ef2-9152-8935f7793630" class="g-img">

我需要将此Blob保存到文件（png / jpg）。下一个代码就是：

GET blob：https％3A // drive.google.com / 851b979c-92e9-4ef2-9152-8935f7793630 404（未找到）

所以看起来，获取blob的常用方法在这里不起作用。是否有任何解决方法可以将这些blob图像从浏览器内存保存到文件中，或者更准确地说 - 只使用“src”标记值将它们作为真正的blob？

谢谢。

var srcEl = evt.srcElement;
    var CurI = document.getElementsByClassName('g-img');
    [].forEach.call(CurI, function (el) {

        var xhr = new XMLHttpRequest();
xhr.open('GET', el.src, true);
xhr.responseType = 'arraybuffer'; // xhr.responseType = 'blob';
xhr.onload = function(e) {
  if (this.status == 200) {
    var myBlob = this.response;

      var reader = new window.FileReader();
 reader.readAsDataURL(myBlob);
        console.log(myBlob);
  }
};
xhr.send();
        console.log(el.src);
     //   saveAs(myBlob, 'my2image.png');
     }

P.S。使用mediarecorder？

获取blob会导致404错误

0 个答案: