如何使用按鈕或超鏈接來調用存儲在數據庫中的圖像

Question

我的應用程序中有一個網格視圖控件，在其中我想要一個按鈕或超鏈接來顯示存儲的圖像（在表中存儲為“圖像”數據類型）。

有誰可以幫助我嗎？ 任何jQuery示例？

Answer 1

除非您的數據庫具有http API（例如CouchDB）並且在Internet上（而不是在防火牆后面）公開，否則瀏覽器無法訪問存儲在數據庫中的圖像數據。

您要做的第一件事是在后端編寫代碼，以使圖像數據可通過http或https訪問。 有多種方法可以執行此操作，具體取決於您使用的數據庫和服務器框架。

僅在完成此操作后，您才能在網頁上使用javascript創建<img>元素，並將其src屬性設置為圖像的URL。 該URL由a）服務器運行的位置（即主機部分）和b）后端代碼為圖像數據提供服務的路徑定義。 （通常稱為route ）。

URL由以下部分組成：

<http or https>://<your domain or the servers's IP address (the host)><route (starting with /)>

一旦知道了URL，就可以使用jquery創建<img>元素並將其添加為另一個元素的子元素（在此示例中，父元素的id ='parent'）

$("#parent").append("<img src="http://...">")