我可以从JavaScript访问img标记的数据文件

前端之家收集整理的这篇文章主要介绍了我可以从JavaScript访问img标记的数据文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想从 JavaScript中作为变量访问作为img标记中的图像加载的文件.

我不想访问它的名字,而是实际的数据.

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

可以这样做吗?如果是这样,怎么样?

注意:我对阅读数据比写它更感兴趣.

解决方法

// 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 + '">');

猜你在找的JavaScript相关文章