html中的img标签为啥加载不上图片呢？

Posted 2023-02-21

<img class="foodlist" src="D:\xampp\htdocs\dingcan\web\uploads\1424680074953.jpg">
可是加载的图片显示不出来，是怎么回事？目录下面明明有图片啊！

你的源码里面就有一些错误，路径应该用\\\\或者是/，其次，最后结尾应该加上/，还有，一般页面和图片文件夹放在同一位置下，没有干过链接到其他文件夹和目录的操作，应该不是你这样操作的。

拓展：

1、超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

2、在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。Web页面也就是通常所说的网页，在这里不作区分。

参考技术A

首先，我们不管别的问题，先看你的源码：

<img class="foodlist" src="D:\\xampp\\htdocs\\dingcan\\web\\uploads\\1424680074953.jpg">

这里面就有一些错误，路径应该用\\\\或者是/，其次，最后结尾应该加上/，还有，一般页面和图片文件夹放在同一位置下，没有干过链接到其他文件夹和目录的操作，应该不是你这样操作的。

参考技术B 你需要的是一个http路径，而不是电脑上的本地路径.

D:\xampp\htdocs 是http的根路径，你可以试试
http://127.0.0.1/dingcan/web/uploads/1424680074953.jpg
或者
/dingcan/web/uploads/1424680074953.jpg 参考技术C D前面再加一个/ 参考技术D 图片路径错了吧 就是 src后面的哪个 还有最后应该为 />