检查文本是否包含图片网址（正则表达式）

Question

所以，假设有人在 textarea 中输入一些东西。

像这样简单的事情：

<textarea id="posttext" style="height: 50px; width: 80%;"></textarea>

我已经使用 textarea 来检测文本区域的变化，但是，假设有人从另一个站点复制并粘贴图像，如下所示： http : //celticevolution.com/images/test-201.gif

我将如何获得该图片网址？ 另外，假设它们是多个图像，我将如何让它显示多个图像。

这类似于 Facebook 的发布系统的工作方式。

谢谢，克里斯。

Answer 1

如果你想检查它是否是一个图像 url 并做出相应的反应，你可以在文本区域的 onchange 事件中使用正则表达式来查看它是否包含 gif、jpg 或 png

var result = text.match(/http:\/\/\S+(\.png|\.jpg|\.gif)/g);

如果要遍历页面图像，可以在 ajax 调用中捕获页面，然后执行不同的正则表达式以匹配所有“结果”（如上匹配）并将它们添加到数组中，然后从界面......就像fb一样。