2012-07-21 129 views
-1

我只想知道如何從其他網頁獲取圖片並顯示在我的網站上。如何從其他網頁獲取圖片並在我的網站上顯示

案例流程是:

  1. 鍵入文本框中鍵入一些頁面的URL,並提交
  2. 收集在該網頁上(而不是在整個網站)中的所有圖像,並顯示在我的網頁
+0

你認爲這是道德的嗎? – inhan 2012-07-21 17:02:10

+0

@inhan,如果是關於報廢的話,一個好方法是寫一個後端來做報廢,而不是使用瀏覽器環境。 – Adrian 2012-07-21 17:04:47

+0

yeap。這是道德的,如果我們承認原來的網站:) – JADKI51 2012-07-27 04:30:37

回答

0

首先檢查版權。僅在圖像由所有者提供以供免費使用時複製。還請閱讀並理解使用許可。

如果圖像可以自由使用,如許可證所有者所述,然後下載圖像然後使用它。另外,請不要忘記在下載圖像的位置保留許可證和網站URL的副本。

建議下載並使用,以便明天如果其他網站關閉,則您的網站不受影響。

最後但並非最不重要的是,嘗試設計/拍攝自己的圖像。即使他們不如其他人好,他們也是真的。

+0

感謝您的建議Rishi Kalia。但這是我們網站的主要要求。我們不打算繼續使用我們只想在我們的網站上顯示圖像的圖像,並提供原始網站的鏈接。 – JADKI51 2012-07-27 04:28:20

3

所以,你需要從網頁獲得的圖像,並且輸入數據是頁的THH地址。那麼,您有兩種解決方案:

I.如果這是您的站點的功能,其他人將使用它,那麼普通的JavaScript是不夠的,因爲瀏覽器的隱私政策阻止從其他頁面獲取此類數據。在這種情況下,您需要將URL發送到服務器上的腳本,該腳本將下載該頁面,解析s並返回圖像srcs列表。

究竟該如何做這是一個非常複雜的問題,因爲它取決於您的網站的serever端編程語言。無論如何,這樣的功能將包括使用AJAX技術和服務器站點腳本(例如php)的客戶端JavaScript。客戶端腳本非常簡單。

在客戶端的JS有:

1. Get desired URLs 
2. Send them to server 
3. Wait for server's response (which contains srcs of images on desired page) 
4. Create img tags with srcs which you got from server script 

關鍵詞爲這對谷歌是,例如,AJAX的XmlHttpRequest和JSONP(對不起,如果你已經知道:)

在服務器端你的(php | ruby​​ | python | perl | brainfuck)必須:

1. Get page URL from javascript code at step 2 
2. Download a page by that url 
3. Parse it looking for img tags and their srcs 
4. Send list of srcs (in XML, JSONP or any other form) back to client 

II。如果您需要從其他頁面獲取僅用於個人用途的圖像,則可以爲瀏覽器編寫擴展名。這種方式不需要任何服務器端腳本。

+0

'關鍵字爲谷歌是,例如,AJAX,XmlHttpRequest和JSONP'。我嘲笑這個:)不錯的建議,喜歡它 – Jashwant 2012-07-21 17:26:10

相關問題