评估HTML图像标记中的src属性

Question

我正在讨论这个问题，我希望你能提供帮助。

在我的HTML文件中，我有一个第三方插件生成的图像标记，如下所示：

<p><img alt="{x_{3}}^{4}" src="http://latex.abcd.com/gif.latex?%5Cdpi%7B100%7D%20%5Cfn_phv%20%7Bx_%7B3%7D%7D%5E%7B4%7D" /></p>

我希望能够取消对abcd.com的引用，而是让src指向数据本身。有点像...

<p><img alt="{x_{3}}^{4}" src="data:image/png;base64, ..." /></p>

我如何在jquery中解决这个问题？

谢谢！

Mmiz

Answer 1

我想这个例子可以帮助你http://jsfiddle.net/handtrix/yvq5y/

但是在你的情况下而不是：

var imageUrl = $(this).find('[name=url]').val();

添加以下行

var imageUrl = $(this).find('img').attr('src');

类似的东西应该为你做。

PS：我没有自己在网上找到的小提琴

<强>更新

这是一个修复了CORS问题的版本

https://jsfiddle.net/9hjpdect/9/