Google Chrome - 无法使用 HTML 加载本地图像？ [复制]答案

【问题标题】：Google Chrome - Can't load local images with HTML? [duplicate]Google Chrome - 无法使用 HTML 加载本地图像？ [复制]
【发布时间】：2021-09-11 23:00:52
【问题描述】：

是否可以在 google chrome 控制台上本地加载图像？我试过了，但显然不起作用？？

<img src="img/photo.jpg" alt="picture" width="300" height="300">

请问你有什么想法吗？

【问题讨论】：

有可能，但你要确保路径正确。在这种情况下，如果您的 html 文件位于 /foo 文件夹中，浏览器将尝试从 /foo/img/photo.jpg 路径加载图像 - 除非 <base> 元素覆盖了基本路径。
在这种情况下，只有当 img 和您的 html 文件在同一个文件夹中时才会显示您的图像，否则添加图像的完整地址。
我想通过 google chrome 控制台添加图片，该网站不是我的。我没有源代码
您不能从其他域提供的文件的 HTML 中引用本地文件。这会打开各种安全漏洞。

标签： html css

【解决方案1】：

您需要将代码放入 html.file 中才能看到图像，在浏览器中您只能看到 DOM https://www.w3schools.com/js/js_htmldom.asp

【讨论】：

毁灭战士？它没有那么坏！这只是 DOM :)。

【解决方案2】：

据我所知，您不能，因为该网站是从服务器获取的，而不是从您的本地驱动器获取的。如果您尝试打开图像文件，您将获得 domain.extention/path/image-name

所以我觉得你做不到

【讨论】：