html 中的 src 不允許加載本地資源

Question

我正在做一個項目，我需要在 html 頁面上顯示圖像。 該圖像位於網絡驅動器中。 使用下面的標簽引用圖像，我收到“不允許加載本地資源：”錯誤。

<img src="file://sc19/dept0213/SSC_Data/SVD/SVD%20Robot%20Experiment/4b9262caa1b64079ad8b31c3a3662598_1/Measurement/bot_Images/4.png" alt="Image">

但是，如果我在同一個 Edge web 瀏覽器中打開一個新選項卡，並將文件://sc19/dept0213/SSC_Data/SVD/SVD%20Robot%20Experiment/4b9262caa1b64079ad8b31c3a3662598_1/Measurement/bot_Images/4.png 復制到地址欄中，該圖像顯示在 web 瀏覽器中。 我嘗試使用 Google Chrome 代替 Microsoft Edge 並關閉了安全功能，但仍然出現相同的錯誤。

附加信息。 HTML 頁面是使用 Django 作為后端呈現的。 在我的 Django 模板中。

<img src="file://sc19/dept0213/SSC_Data/SVD/SVD%20Robot%20Experiment/4b9262caa1b64079ad8b31c3a3662598_1/Measurement/bot_Images/4.png" alt="Image">

另一種方法是前端向后端發出請求，然后獲取圖像，並將其放在前端可以到達的某個地方嗎？

Answer 1

對於我的項目，我最終使用的解決方案是讓我的前端向后端發送請求。 然后后端獲取圖像，並將其作為 blob 發送到前端。 我知道設置網絡服務器是另一種可能性，但在這種情況下，我的 Django 后端已經充當網絡服務器。