javascript - 检查文本是否包含图像 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一样。