如何将SRC送给＆lt; img＆gt;系统驱动器中的HTML标记？

Question

我想使用html ＆lt; img＆gt;标签在网页上显示图像。

我已经将图像存储在本地驱动器上。

如何实现这一目标？

代码：

<img src="D:\Images\TechnipLogo.jpg">

图像未显示。

Answer 1

您必须使用PC中正确的本地路径和正确的驱动字母。然后更改backslashs（）以向前斜杠（/），然后在路径之前添加文件：///，因此

<img src="D:\Images\TechnipLogo.jpg">

：

<img src="file:///D:/Images/TechnipLogo.jpg">

**也请注意，在Chrome和其他浏览器中，您可能无法使用本地未本地托管的站点上的文件/图像。请参考这篇文章：无法打开本地文件 - Chrome：不允许加载本地资源

Answer 2

您要完成的工作是所有现代浏览器中都存在的安全功能。

只有在运行本地存储的HTML文件时，您才能做到这一点 - 将其部署到Web服务器后将无法工作。

如果您真的必须这样做，则可以构建浏览器扩展名 - Firefox扩展名和IE扩展名可以访问本地资源。但是，镀铬更具限制性。

Answer 3

您的图像应在相对路径上，而不是绝对的路径。

说您的HTML文件在D：\ myhtml \ home.html中。在MyHTML中复制图像文件夹。然后将代码更改为＆lt; img src =“ Images \ Techniplogo.jpg” /＆gt; < /code>。

希望这会有所帮助

Answer 4

我想使用html

在网页中显示我的图像

如果您从网页显示图像，则图像文件必须仅在您的Web服务器上。
您无法从本地系统显示该文件，因为该文件仅从Web服务器显示。

Answer 5

当您在访问者中加载其浏览器在Internet中加载的网页时，

您的图像路径在IMG标签中只需指向thier filesystem localtion而不是您的文件
SystemLocation

您必须将IMG上传到网络服务器中，例如Apache或IIS或主机位置，并使用此公共图像路径设置IMG标签的路径，

以获取更多详细信息，您可以在Internet和Web中搜索客户端服务器概念

，但是如果您的意思是在浏览器中，则可以表明其与安全问题

有关

Answer 6

您无法实现这一目标，否则您不应该实现这一目标。上传网站时，链接到计算机上的文件将无法工作。您应该将图像移至与index.html相同的文件夹中，或在与index.html相同的文件夹中制作一个文件夹，然后您可以像这样折叠文件：

<img src="Images\TechnipLogo.jpg" />

Answer 7

好吧，由于不同的浏览器有很多问题，因此使用Apache Paths配置，我尝试了所有可能的方法文件：file：// c：c | |它们都没有在W7中的Firefox 57.0上使用，因此有一个快速解决方案（如果使用PHP）。只需使用此内容调用文件“ embedimg.php”：

  <?php

     $file = $_GET["imgg"];
     $type = 'image/jpeg'; // or whatsoever
     header('Content-Type:'.$type);
     header('Content-Length: ' . filesize($file));
     $img = file_get_contents($file);
     echo $img;

     exit();

 ?>  

从您的img标签中调用此“ embedimg.php”：

   <img src="embedIMG.php?imgg=THEPATHTOYOURIMAGE">

pathtoyourimage将是您映像的路径“ d：\ images \ techniplogo.jpg”，最好做到这一点。方式“ d：/images/techniplogo.jpg”，窗户上有常见的斜线。如果您的路径中有空格或特殊字符，则必须使用urlencode（）函数声明它：

  <?php  $THEPATHTOYOURIMAGE=urlencode($THEPATHTOYOURIMAGE); ?>

Answer 8

您可以查看我的答案。我已经使用C＃语言解决了问题
=“ c：/localfile.jpg”＆gt;？

<asp:Image ID="imgEvid" src="#" runat="server" Height="99px"/>
                        if (File.Exists(filepath))
                        {
                            byte[] imageArray = System.IO.File.ReadAllBytes(filepath);
                            string base64ImageRepresentation = Convert.ToBase64String(imageArray);
                            var val = $"data: image/png; base64,{base64ImageRepresentation}";
                            imgEvid.Attributes.Add("src", val);
                        }

希望这会有所帮助