Javascript - 为页面上的所有图像链接添加img标记

Question

我的文档中有一些图像链接，如下所示：

<p> Chrome logo: https://www.google.com/images/icons/product/chrome-48.png</p>
<p> Google logo: https://www.google.com/images/srpr/logo11w.png</p>

我尝试将img标记添加到上面的链接以显示图片而不是那些普通链接。

此外我还有regex to find all image个链接，但我无法使用javascript并需要您的帮助。

结果必须如下所示：

<p> Chrome logo: <img src="https://www.google.com/images/icons/product/chrome-48.png" /></p>
<p> Google logo: <img src="https://www.google.com/images/srpr/logo11w.png" /></p>

Answer 1

这似乎微不足道...... http://jsfiddle.net/La7XE/

document.body.innerHTML = document.body.innerHTML.replace(/(http(s*):\/\/[\w\\x80-\\xff\#$%&~\/.\-;:=,?@\[\]+]*).(gif|png|jpg|jpeg)/gi, '<img src="$1.$3" />');

(MDN)

但你应该真的在服务器端做这件事。