我可以从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 + '">');