Img标记路径不适用于chrome和firefox

Question

我正在使用MVC3 Razor，我想从本地驱动器加载图像以进行测试。

我写了img标签，如：

<img id="ImgEmployee" src="file://D:/Photos/14.jpg" alt="Employee" />

它正在与IE合作。但是在Chrome和Firefox中它没有被加载。

如何设置img标记的路径，该标记从本地驱动器加载图像并适用于所有浏览器？

Answer 1

Chrome和FireFox需要3 /个字符：

<img id="ImgEmployee" src="file:///D:/Photos/14.jpg" alt="Employee" />

如果只放1 /他们应该可以猜测，但如果你放2则认为你的意思是2。

如果省略file:///，浏览器会猜测这是协议。

Answer 2

如果您的HTML页面也在本地驱动器上，则可以进行相对链接。说出你的HTML文件＆amp;图像位于同一文件夹中，您只需使用：

<img id="ImgEmployee" src="14.jpg" alt="Employee" />

说明：这是您浏览器的安全设置，因此未经您的同意，网页无法从您的计算机加载资源。

Answer 3

不要给图像提供绝对路径，使用相对路径的方式如下：

如果您的html文件位于c:\project_folder，而您的图片位于

c:\project_folder\Photos然后使用以下图片标记

<img id="ImgEmployee" src="Photos/14.jpg" alt="Employee" />

Answer 4

当我移动解决方案文件夹结构下的图像文件夹（照片）时，它可以工作（不包括在解决方案中）。

<img id="ImgEmployee" src="../../Content/Photos/14.jpg" alt="2" />

Answer 5

而不是让src =“../../ Content / Photos / 14.jpg”尝试“〜/ content / Photos / 14 / jpg”，“〜/”将指向网站的根目录。< / p>

Answer 6

我遇到了同样的问题。在我的情况下，我只是尝试过：

src="Content/images/photo.png"

在服务器端。它有效。

在你的情况下：

<img id="ImgEmployee" src="Photos/14.jpg" alt="Employee" />