有2种方式：绝对路径和相对路径

1.绝对路径：出发点为盘符(如C:\Users\Admin\Desktop\picture.jpg)

注意：每个人的文件夹位置不一样，可以通过右键属性查看图片路径；

2.相对路径：出发点为目标文件所在地index.html，进行上下级访问;

（1）同级（C:\Grandpa\Father\Son）

假设 picture.jpg 和index.html都在 Father文件

写:<img src="picture.jpg">

（2）上级（C:\Grandpa\Father\Son）

假设picture.jpg在Grandpa文件夹中，index.html在Father文件

通过 ../ (2个点加一个斜杠)，访问上级Grandpa文件夹，找到picture

写:<img src="../picture.jpg">

（3）下级：./ (一个点加一个斜杠)；

假设picture.jpg在Son文件夹中，index.html在Father文件

通过 ./ (1个点加一个斜杠)，访问下级son文件夹，找到picture

写:<img src="./picture.jpg">

如何找图片路径？（img标签src）相关推荐

html如何通过路径查找图片,css添加图片怎样找图片路径？
css添加图片怎样找图片路径? 在CSS文件里,有时要用到background-image,即加一个背景图片,一般在显示标题时会经常用到. 现在来看两个文件目录:/css/admin/main.css ...
js定时换图片（图片路径可变）
背景要做一个书翻开的效果,书是可以反复点击查看的一开始做的动图,但是动图反复显示隐藏并不会按照我想的那样,所以只能切图后用js换图片了前8张封面是不一样的,9–13张都是一样的,所以根据点击的是 ...
【在JS中如何获取图片路径以及更改图片】
//页面级内容<button id="div1">时间</button> img id="myimage" src="./im ...
HTML，img标签src路径错误及src路径图片无法显示问题，相对路径和绝对路径，超级详细的新手教程。
img标签src路径图片无法显示的原因. 1.路径问题,路径可分为绝对路径和相对路径. (1)绝对路径:很多编译器不能把图片的绝对路径解析出来,因此图片无法在网页中显示,而且在开发过程中,一般都是使用 ...
vue 动态获取的图片路径不显示_Vue中img的src是动态渲染时不显示的解决
Vue中img的src是动态渲染时不显示的解决今天在项目中遇到一个需求,设计稿如下就是展示用户头像,数据从后端获取,要是没有拿到则显示默认图片. 项目采用vue开发,本人也是第一次在实际项目中使用 ...
关于在react项目中img标签src的路径问题
关于在react项目中img标签src的路径问题公司要求开发一个静态页面,那这当然需要用img标签放些图片作为背景.之前我的做法是把images这个文件夹放在站点的子目录里面,然后通过站点ip加 ...
php 获取html中图片不显示,HTML中img标签src属性用PHP设置后不显示
我想用php获取数据库里的图片路径之后,用img标签显示出来但是并没有成功,也没有报错. 下面是php代码: `<?php /* 包含连接数据库文件 */ include_once(" ...
Vue本地图片循环加载显示不出来，vue img标签 :src地址拼接
Vue本地图片循环加载显示不出来,vue img标签 :src地址拼接上代码: <img:src="img"alt="banner" /> dat ...
vue系列---项目打包找不到图片路径
在测试环节发现有图片找不到,发现是图片路径没有写对. 报错如下: 原代码: <img src="/src/assets/img/arrow.png" alt="&q ...

如何找图片路径？（img标签src）

有2种方式：绝对路径和相对路径

1.绝对路径：出发点为盘符(如C:\Users\Admin\Desktop\picture.jpg)

2.相对路径：出发点为目标文件所在地index.html，进行上下级访问;

（1）同级（C:\Grandpa\Father\Son）

假设 picture.jpg 和index.html都在 Father文件

（2）上级（C:\Grandpa\Father\Son）

假设picture.jpg在Grandpa文件夹中，index.html在Father文件

（3）下级：./ (一个点加一个斜杠)；

假设picture.jpg在Son文件夹中，index.html在Father文件

如何找图片路径？（img标签src）相关推荐

最新文章

热门文章

如何找图片路径？（img标签src）

有2种方式：绝对路径和 相对路径

1.绝对路径：出发点为盘符(如C:\Users\Admin\Desktop\picture.jpg)

2.相对路径：出发点为目标文件所在地index.html，进行上下级访问;

（1）同级 （C:\Grandpa\Father\Son）

假设 picture.jpg 和index.html都在 Father文件

（2）上级（C:\Grandpa\Father\Son）

假设picture.jpg在Grandpa文件夹中，index.html在Father文件

（3）下级：./ (一个点加一个斜杠)；

假设picture.jpg在Son文件夹中，index.html在Father文件

如何找图片路径？（img标签src）相关推荐

最新文章

热门文章

有2种方式：绝对路径和相对路径

（1）同级（C:\Grandpa\Father\Son）