将图像存储在变量中

Question

我有这个带有id的图像元素。我试图将它存储为变量，以便我可以使用它。我有我的代码但是当我运行它而不是显示图像时，它显示我[对象对象]。请问，如何将图像存储在变量中并获取访问权限？

HTML：

<img width="100" height="100" id="image"/>

使用Javascript：

function myTest(){
  var image =  $("#image").attr("src", "data:image/jpeg;base64,");
}

Answer 1

如果出于某种原因，您希望稍后使用图像的实际base64数据，而不仅仅是src，那么您可以执行类似

的操作

fetch(srcOfImg)
  .then(res => res.blob())
  .then(blob => {
    const reader = new FileReader();
    reader.onloadend = () => {
      const newImg = document.body.appendChild(document.createElement('img'));
      newImg.src = reader.result;
    }
    reader.readAsDataURL(blob);
  });