如何在網頁上顯示本地計算機上的圖像

Question

這是場景：我在LAN網絡上有兩台機器。 其中一個是充當Web服務器。 當第二個客戶機瀏覽器（Firefox）從服務器發出請求時，它會發送以下html

<!DOCTYPE HTML>
<html>
<body>
<img src="C:\Users\General\Desktop\map1.jpg" align="middle">
</body>
</html>

但是不顯示圖像。 我嘗試了img標記的以下變體：

<img src="C:/Users/General/Desktop/map1.jpg" align="middle">
<img src="file:///C:/Users/General/Desktop/map1.jpg" align="middle">
<img src="http://localhost//file:/C:/Users/General/Desktop/map1.jpg" align="middle">

有趣的是，如果我查看頁面源並將html內容保存到本地文件並在其運行的瀏覽器中打開它。 從服務器獲取時，完全相同的html代碼不起作用，但在本地計算機上打開時可以正常工作。

請注意，我正在嘗試從客戶端計算機上加載映像，因為在我的方案中無法在服務器計算機上存儲映像。 （服務器實際上是沒有SD卡的Arduino Mega）

Answer 1

在最新的瀏覽器中，出於安全目的，不打開指向本地文件（ file:/// ）的鏈接。 在您的情況下，瀏覽器不會顯示駐留在硬盤上的文件中的圖像。 這個原因也解釋了為什么它在本地保存頁面時有效。

Answer 2

對於starter，您需要添加runat="server"屬性。

如果這還不夠，那么：

你應該改變

<img src="http://localhost//file:/C:/Users/General/Desktop/map1.jpg"/>

喜歡的東西

<img src="http://localhost/General/Desktop/map1.jpg"/>

甚至更好

<img src="~/General/Desktop/map1.jpg"/>

它的目標是應用程序的根目錄（您需要在該目錄中移動您的圖像）

Answer 3

html頁面無法從客戶端主機請求圖像。 它必須存儲在服務器上或其他遠程位置。

Answer 4

如果您使用的是Arduino，您可以：

使用嵌入式CSS和圖像。 結果你將通過一個瀏覽器調用獲得整頁
添加額外的邏輯來處理瀏覽器請求從Arduino的SD卡文件系統獲取css和jpg文件

如何在網頁上顯示本地計算機上的圖像

問題描述

4 個解決方案

解決方案1
3 已采納 2015-01-28 14:31:03

解決方案2
0 2015-01-28 14:31:20

解決方案3
0 2015-01-28 14:32:10

解決方案4
0

如何在網頁上顯示本地計算機上的圖像

問題描述

4 個解決方案

解決方案1 3 已采納 2015-01-28 14:31:03

解決方案2 0 2015-01-28 14:31:20

解決方案3 0 2015-01-28 14:32:10

解決方案4 0

解決方案1
3 已采納 2015-01-28 14:31:03

解決方案2
0 2015-01-28 14:31:20

解決方案3
0 2015-01-28 14:32:10

解決方案4
0