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 后端已经充当网络服务器。