從另一個域獲取圖像

因此，假設某人正在向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

回答