当我使用完整的图像图像路径尝试它时，网页上没有显示 HTML 图像，使用图像的 url 作为图像源没有问题答案

【问题标题】：HTML image is not showing on the webpage when I try it using the full image image path, no issue on using the url of image as the image source当我使用完整的图像图像路径尝试它时，网页上没有显示 HTML 图像，使用图像的 url 作为图像源没有问题
【发布时间】：2022-01-09 16:55:06
【问题描述】：

我试图通过将图像的地址作为图像源将图像从我的系统放入我的网页，但图像没有显示在那里。使用 URL 作为图像源时，我不会遇到这个问题。谁能告诉我如何将系统本身的图像放在网页上？

 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>CSS Display property</title>
    </head>
    <body>
        <header class="top">
            <img src="E:\Folders\ichchha.jpeg"/>
            <h3>Welcome to Ichchha's Blog</h3>
        </header>
    </body>
    </html>

【问题讨论】：

这能回答你的问题吗？ Why can't I do <img src="C:/localfile.jpg">?

标签： html image url

【解决方案1】：

<img> 的 src 属性应包含 URL，而不是文件名。将图像放入页面的常用方法是将其移动到与 HTML 文件相同的目录并使用相对 URL：

<img src="ichchha.jpeg"/>

如果您在本地打开 HTML 文件（没有网络服务器）并且您确实需要让它从特定的绝对文件路径加载图像，您可以这样做：

<img src="file:///E:/Folders/ichchha.jpeg"/>

请注意，file: URL 使用 file:/// 前缀并在目录之间使用正斜杠而不是反斜杠。此解决方案的问题在于，当您的 HTML 文件托管在 Web 服务器上时，它不会起作用。只有当您的 HTML 文件是从 file:/// URL 本身加载时，它才会起作用。

【讨论】：

非常感谢，@Stephen Ostermiller。还有一个问题，通过本地托管是指从终端创建一个 localhost 端口吗？
不，我的意思是从文件本地打开 HTML 文件，而不是使用本地 Web 服务器。如果您通过 Web 服务器（甚至是本地服务器）提供 HTML，您将无法加载带有 file: URL 的图像，因为出于安全和隐私原因，浏览器会阻止它。
谢谢，我明白了。