图片的相对路径的写法
1、*html文件跟*.jpg文件(f盘)在不同目录下:
<img src="file:///f:/*jpg" width="300" height="120"/>
2、*.html文件跟*.jpg图片在相同目录下:
<img src=".jpg" width="300" height="120"/>;
3、*.html文件跟*.jpg图片在不同目录下:
a、图片*.jpg在image文件夹中,*html跟image在同一目录下:
<img src="data:image/*jpg/"width="300" height="120"/>
b、图片*jpg在image文件夹中,*html在connage文件夹中,image跟connage在同一目录下:
<img src="../image/*jpg/"width="300" height="120"/>
4、如果图片来源于网络,那么写绝对路径:
<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>
————————————————
版权声明:本文为CSDN博主「我的思维在跳跃」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u012072085/article/details/79105689
图片的相对路径的写法相关推荐
- kindeditor扩展粘贴截图功能修改图片上传路径并通过webapi上传图片到图片服务器...
2019独角兽企业重金招聘Python工程师标准>>> kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. ...
- jeecg uedit 自定义图片上传路径
jeecg uedit 图片上传配置自定义物理路径,简单描述:我们知道 jeecg 中使用的 uedit 默认图片上传路径为 "当前项目\plug-in\ueditor\jsp\upload ...
- vue 动态获取的图片路径不显示_Vue 动态图片加载路径问题和解决方法
最近在做一个树形结构的组件,使用了Vue和element UI中el-tree组件.因为树中每个节点都需要显示一个图标图片,并且需要根据后台传入的数据类型动态地显示,所以图片的路径需要动态地加载.下面 ...
- opencv_python使用cv2.imread()读取中文路径,cv2.imwrite()把图片写入中文路径。
opencv_python使用cv2.imread()读取中文路径,cv2.imwrite()把图片写入中文路径 定义函数: cv2_imread(path)代替cv2.imread() cv2_im ...
- c# 如何找到项目中图片的相对路径
c# 如何找到项目中图片的相对路径 string path = System.Environment.CurrentDirectory;//非Web程序 if (System.Environment. ...
- PHP结合Ueditor并修改图片上传路径
投稿:hebedich 字体:[增加 减小] 类型:转载 时间:2016-10-16 我要评论 使用ueditor编辑器,附件默认在ueditor/php/upload/, 但是大家的附件地址的默认路 ...
- java : enum、创建文件和文件夹、删除文件和文件夹、获得项目绝对路径、写入数据到excel中、java代码中两种路径符号写法、读取、写入text文件...
java : enum http://www.cnblogs.com/hyl8218/p/5088287.html 创建文件和文件夹.删除文件和文件夹 http://www.cnblogs.com/m ...
- WKWebview加载本地图片时出现路径问题
出现问题情况是:将uiwebview换成wkwebview之后,之前将webview上那些图片放回本地下载后缓存的图片没办法在webview上找到,最后排查出原因是,wkwebview需要将图片和网页 ...
- unity android sd卡路径,一、文件与路径——2、unity路径特点写法和文件读写全攻略...
1.Unity中各路径和目录的对应关系 image.png 其中,安卓中的路径是有两种分支的 image.png 在打包面板中,有个Write Access 当我们选择Internal Only就是表 ...
最新文章
- python3-pwntools教程_python的pwntools工具的日常使用
- iOS - APP任意push新页面那些事
- 基于 EntityFramework 的数据库主从读写分离架构(2)- 改进配置和添加事务支持...
- linux 64平台上编译32位程序: GCC编译选项 -m64 -m32 -mx32
- Java 8流中的数据库CRUD操作
- 杭电 1233 最小生成树 kruskal()算法
- Linux实验四:编译和调试工具的使用
- systemtap PHP,systemtap初体验
- Zookeeper基础使用
- 上线 5 天获得 100 万用户,可为什么我开发的 App 最终却倒闭了?
- canape与matlab如何连接,CANape使用介绍.ppt
- 发送导频信号用到的 matlab function
- 华为HCDA认证全套最新讲解视频教程(笔记)
- nRF52283开发板 基于ble_peripheral\ble_app_blinky_c (LED Button Service Client) 针对服务端的新增LED1子服务
- HDU - Shaolin(STL)
- 商品期货交易开仓上限(商品期货开仓限制)
- 写作人的福音——obsidian非官方插件之senGener
- L1、L2、smooth L1三类损失函数
- 常用电平标准 TTL、CMOS、LVTTL、LVCMOS..
- python3.6-XML解析方法
热门文章
- 魅蓝note3联通卡显示无服务器,魅蓝note3用什么SIM卡?魅蓝note3手机SIM卡类型
- 在线办公与离线办公的异同
- Win10 安装 Ubuntu 20.04 双系统完美避坑教程 (非虚拟机)
- Windows Server 2012 R2 系统安装详细步骤
- 2021年高压电工考试题及高压电工考试题库
- JAVA云端存储的待办清单的设计计算机毕业设计Mybatis+系统+数据库+调试部署
- springboot整合security,mybatisPlus,thymeleaf实现登录认证及用户,菜单,角色权限管理
- LiveGBS国标视频平台如何获取接入视频通道的直播流地址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP
- 最新WordPress响应式下载站Cute模板+带支付/会员系统
- 利用CurrentCulture将人民币符号更改为欧元符号