图像在IE中显示，而不是Chrome或Firefox - http：// localhost：11 / myFile正在预先显示

Question

我正在尝试从我的计算机显示图像，但它只能在IE中使用，它在Chrome或Firefox中不起作用。当我检查元素时，我可以在新选项卡中打开图像，只查看新页面上的图像。在原始页面上，我看到它正在前置＆＃34; http://localhost:11/myProject＆＃34;到src所以它看起来像这样＆＃34; http://localhost:11/myProject/file://testPath.internal\base\DOCS\myData\TestImages\Raw\1up.png＆＃34;。

我禁用了addblocker，我尝试了很多不同的东西（w /和w / o＆＃34;文件＆＃34;，＆＃34;〜＆＃34;，＆＃34; ..＆＃ 34;等）包括：

<img id="id1" alt="d" src="file://testPath.internal\base\DOCS\myData\TestImages\Raw\1up.png" runat="server"  />
<img id="id2" alt="d" src="file://M:/\DOCS\myData\TestImages\Raw\1up.png" runat="server"  />
<div id="id3" style="background: url(file://testPath.internal\base\DOCS\myData\TestImages\Raw\1up.png)"></div>
<asp:Image runat="server" src="" ImageUrl="file:\\testPath.internal\base\DOCS\myData\TestImages\Raw\1up.png" />

如何在图像路径前没有http://localhost:11/myProject'的情况下加载它？

Answer 1

你的问题可能出在这一行：

style="background: url(file://testPath.internal\base\DOCS\myData\TestImages\Raw\1up.png)"

正常的css写入背景将使用相对路径或绝对路径，但仍然在http协议中。

您会将资源放在项目文件夹下并尝试类似

的内容

style="background-image: url(TestImages/Raw/1up.png)"

或

style="background-image: url(http://localhost:11/myProject/TestImages/Raw/1up.png)"

Answer 2

使用src="image.png"或src="../folder/image.png"等相对路径。还要确保你有正确的路径，如果你正在使用服务器，你需要使用正斜杠（/）而不是反斜杠（\）。

Answer 3

如果您使用的是ASP.Net网站，则可以选择更改虚拟目录。

如果您的项目位于MySite文件夹中，则默认情况下您的整个网站将以

运行

http://localhost:6563/MySite

将站点部署到某个服务器后，所有相对路径都将中断

因此解决方案是更改项目的虚拟目录