Question

这应该很容易，但我错过了什么？某处？

我创建了一个位于远程服务器上的html脚本（test.html）。

 <!DOCTYPE html>
 <html>

 <head>
 <title>Testing IMG</title>
 </head>

 <body>
 <img src="img/ErrorTracking.png" alt="Error Tracking" height="180" width="860">
 </body>

 </html>

文件结构 File locations

我已经仔细检查过，而且ErrorTracking.png实际上是图片的名称。 img contents

当我在我的本地浏览器中并尝试查看图像时，它不会出现。 browser view

我错过了什么？我已经花了很长时间来完成这个简单的任务。

Answer 1

尝试在图片来源中添加/或~/。

<img src="/img/ErrorTracking.png" alt="Error Tracking" height="180" width="860">

查看this链接，了解有关html中网址的详细信息。

Answer 2

试试这个

<img src="/img/ErrorTracking.png" alt="Error Tracking" height="180" width="860">

Answer 3

试试这个

<img src="~/img/ErrorTracking.png" alt="Error Tracking" height="180" width="860">

如果这没有帮助

<img src="/img/ErrorTracking.png" alt="Error Tracking" height="180" width="860">

Answer 4

在服务器上，相对于test.html，是名为img的文件夹中的图像？另外，请检查案例，确保正确地将文件名和目录大写。

如果html文件在那里，你应该可以使用你的html网址：

http://www.yoursite.com/somewhere/test.html

并将文件名换成img/ErrorTracking.png，如下所示：

http://www.yoursite.com/somewhere/img/ErrorTracking.png

如果在浏览器中访问该网址时该网址未显示该图片，则该图片位置错误。

图像没有出现在浏览器中

4 个答案: