javascript - 我可以从 JavaScript 访问 img 标签的数据文件吗

Question

我想从 JavaScript 中以变量的形式访问作为图像加载到 img 标签中的文件。

我不想访问它的名字，而是实际的数据。

这样做的原因是我希望能够将它复制到变量和从变量复制，这样我就可以在不重新加载图像的情况下更改图像。

这能做到吗？如果是，怎么办？

注意:与写入数据相比，我对读取数据更感兴趣。

Answer 1

// Download the image data using AJAX, I'm using jQuery
var imageData = $.ajax({ url: "MyImage.gif", async: false }).responseText;

// Image data updating magic
imageDataChanged = ChangeImage(imageData);

// Encode to base64, maybe try the webtoolkit.base64.js library
imageDataEncoded = Base64Encode(imageDataChanged);

// Write image data out to browser (FF seems to support this)
document.write('<img src="data:image/gif;base64,' + imageDataEncoded + '">');