从另一个域获取图像

时间:2012-04-20 21:23:52

标签: javascript html

所以,让我们说有人在textarea中输入内容。

这么简单:

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

我已经让textarea检测到文本区域的变化,但是,让我们说有人复制并粘贴来自其他网站的图像,如下所示:http://celticevolution.com/images/test-201.gif

我如何获得该图片网址?另外,假设它们是多个图像,并且如何让它显示多个图像。

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

谢谢,克里斯。

1 个答案:

答案 0 :(得分:1)

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

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

如果你想遍历页面图像,可以在ajax调用中捕获页面,然后执行不同的正则表达式以匹配所有“结果”(如上所述)并将它们添加到数组中,然后迭代他们来自界面...就像fb一样。