Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查文本是否包含图像url(正则表达式)_Javascript_Html_Regex_Image_Url - Fatal编程技术网

Javascript 检查文本是否包含图像url(正则表达式)

Javascript 检查文本是否包含图像url(正则表达式),javascript,html,regex,image,url,Javascript,Html,Regex,Image,Url,那么,假设有人在文本区域中输入了一些内容 像这样简单的事情: <textarea id="posttext" style="height: 50px; width: 80%;"></textarea> 我已经让textarea检测到文本区域中的更改,但是,假设有人从另一个站点复制并粘贴图像,如下所示: 我如何获得该图像的url?还有,假设它们是多个图像,我如何让它显示多个图像 这类似于Facebook的发布系统的工作原理 谢谢你,克里斯。如果你想查看它是否是一个图像

那么,假设有人在文本区域中输入了一些内容

像这样简单的事情:

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

我已经让textarea检测到文本区域中的更改,但是,假设有人从另一个站点复制并粘贴图像,如下所示:

我如何获得该图像的url?还有,假设它们是多个图像,我如何让它显示多个图像

这类似于Facebook的发布系统的工作原理


谢谢你,克里斯。

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

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

如果您想遍历页面图像,可以在ajax调用中捕获页面,然后使用不同的正则表达式匹配所有“结果”(如上所述),并将它们添加到数组中,然后从界面遍历它们……就像fb那样。

他们如何将图像粘贴到文本区域?您的意思是要检测文本区域中的图像url吗?您已经有了图像url!是的,但是,如果有多个图像呢?我将如何从该URL获取它们。比如说www.facebook.com,我想从facebook上抓取所有图像。@c相反,从facebook上抓取所有图像需要一段时间……;)我可能应该放弃这一点,然后先做一些基本的工作。如果结果是真的,那么你可以在你的文本区域下添加一个图像,比如脸谱:)好的,太好了,现在我该如何获得匹配,然后在它上附加一个。text.match(/]*/>/g);然后当你有一个数组的时候…(你可能会得到比你想得到的更多),你可以从arrayWait中提取带有初始匹配regex的src,我很困惑。当我尝试将正则表达式放入javascript时。我犯了一个错误。我会把它分成一个数组,然后呢?