獲取從給定的URL圖像源與JavaScript或PHP

用戶採取截圖與應用程序一樣jing。好！
荊返回的粘貼鏈接。好！
服務器處理用戶輸入的鏈接，並提取圖像源URL。但是，我有不知道服務器將如何獲得「乾淨」的圖像源URL。例如，這是Jing在分享屏幕截圖http://screencast.com/t/zxBzNNkcg後返回的鏈接，但圖像的實際url看起來像http://content.screencast.com/users/TT13/folders/Jing/media/c25ec5c6-bc6a-413c-a50b-ada95fac4ed2/2012-07-25_0221.png
服務器返回圖像源URL。 不知道！

是否有任何可能的方式來獲取圖像的URL用Javascript或PHP？

2012-07-25 heron

那麼，你用什麼過程來獲得你所做的鏈接（'真實'）？自動化它。這可能是webscraping的一個微不足道的問題，但我們無法幫助您，因爲您沒有提供太多細節。 – Lusitanian 2012-07-25 01:31:37

你是說網址'http：//screencast.com/t/zxBzNNkcg'重定向到url http://content.screencast.com/users/TT13/folders/Jing/media/c25ec5c6-bc6a-413c- a50b-ada95fac4ed2/2012-07-25_0221.png'，你真的想要以編程方式確定結果重定向的URL是什麼？ – HeatfanJohn 2012-07-25 01:38:56

你可以使用Simple PHP DOM Parser檢索URL中的圖像，而不考慮URL，只要它含有和圖像裏面，像這樣：

foreach($html->find('div[class=div-that-contain-the image]') as $div) {   
     foreach($div->find('img') as $img){  
      echo "<img src='" . $img->src . "'/>";   
     } 

    }

這是我的解決方案。

來源

2012-07-25 01:34:57

您可以使用DOM庫（如Query Path）檢索包含圖像的頁面。

使用它可以提取圖像的URL。

因此，在您第3步：共享截圖頁面的

獲取源（也許使用file_get_contents）
提取截圖的圖片src，使用Query Path。
Return image src用戶的URL

來源

2012-07-25 01:31:34

你能告訴我一些和平的代碼以便更好的理解嗎？ – heron 2012-07-25 01:39:14

是的。如果你右鍵單擊圖像並轉到複製圖像位置，你會看到它是http://content.screencast.com/users/TT13/folders/Jing/media/c25ec5c6-bc6a-413c-a50b-ada95fac4ed2/2012-07-25_0221.png

如果你要以編程的方式做，你可以使用cURL和simplehtmldom.sourceforge.net來解析實際鏈接的輸出HTML 。

來源

2012-07-25 01:33:29 Styles

的Javascript答案：

將輸出圖像始終具有相同的類，embeddedObject？

如果是這樣，怎麼是這樣的：

myVar = document.getElementsByClassName('embeddedObject'); 
myVar[0].getAttribute("src");

課程的myVar[0]參考假定只有一個過與embeddedObject類網頁上的形象，否則，你就需要進行排序，或者知道每次引用哪個索引。

此外，這似乎並不支持IE8（您需要支持哪個瀏覽器？）： http://caniuse.com/getelementsbyclassname

來源

2012-07-25 03:01:02

代碼的起始位置在哪裏？如何使用JavaScript獲取整個頁面的HTML？ – heron 2012-07-25 07:55:09

獲取從給定的URL圖像源與JavaScript或PHP

回答

相關問題