检查文本是否包含图像 url (Regex)

Question

所以，假设有人在文本区域中输入内容。

就这么简单：

<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一样。