从另一个域获取图像

因此，假设某人正在向textarea输入内容。从另一个域获取图像

事情如此简单：

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

我已经得到textarea的检测文本区域的变化，然而，假设有人复制，并从其他网站粘贴的图像，像这样：http://celticevolution.com/images/test-201.gif

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

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

谢谢，克里斯。

他们会如何将图像粘贴到textarea？你的意思是你想检测textarea中的图像url？ – 2012-04-20 21:25:36

你已经有了图片网址！它的http://celticevolution.com/images/test-201.gif – RGB 2012-04-20 21:26:27

是的，但是，如果有多个图像呢？我将如何从该网址抓取他们。让我们只是说，www.facebook.com，并且，我想要抓住所有来自Facebook的图像。 – 2012-04-20 21:30:51

，如果你想检查，看看它的图像URL和反应因此你可以使用正则表达式，对文本区域的onchange事件，看它是否包含一个GIF，JPG或PNG

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

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

2012-04-20 21:27:47 RGB

如果结果是真的，那么你可以添加一个图像在你的textarea下面像脸书:) – RGB 2012-04-20 21:29:19

好吧，太棒了，现在我怎么会得到匹配，然后有一个附加到它。 – 2012-04-20 22:00:23

text.match（/ ] * src =“。*？[^ \]”[^>] * />/g）; – RGB 2012-04-20 22:01:48

回答