HTML / img src 使用绝对路径注意事项

今天在开发的时候，需要通过 javascript 加载包含本地图片的路径的 html 字符串来显示到客户端上，按照常规，代码如下：

<img src="E:/猴子.jpg"/>

用浏览器打开时没有问题的，但是，客户端上却无法正常显示图片。后来经过上网查资料，以下方案可以解决问题：

<img src="file:\\\E:\猴子.jpg"/>

即：绝对路径前面加上“file:\\\”，如果是在 C 语言的字符串中，则需要加上转义字符“\”，即：“file:\\\\\\”。

经过上述操作，图片可以正常显示了。

（SAW：Game Over！）

HTML / img src 使用绝对路径注意事项相关推荐

Junit下获取src/test/resource路径
Junit下获取src/test/resource路径 package com.lmx.controller;import org.junit.Test;public class AdminContr ...
java src 文件路径_java获取src下文件路径和获取webRoot下文件路径
获取src下的fileurl.properties文件路径 this.getClass().getResource("/fileurl.properties").getPath() ...
关于img标签的src的绝对路径问题
html页面中图片路径写为如下,则图片不能够显示. <img src="E:\myWeb1\before.png" alt=""> 会报错: &qu ...
vscode 在标签的src引入别名路径_从零开始 - VSCode 插件运行机制
写这篇文章是因为最近一段时间的工作涉及到 Cloud Studio 插件这一块的内容,旧的插件系统在面向用户开放后暴露了安全性.扩展性等诸多问题.调研了几个不同架构下 IDE 的插件系统实现( The ...
python 代码文件路径注意事项
检查代码的工作路径,是不是代码文件所在路径导入别处的包基于该代码的工作路径写如下的代码,加入相对路径,可以找到要导入的文件 import sys import os sys.path.append ...
java读取src xml文件路径_Java获取路径方法相对路径读取xml文件方法
(1).request.getRealPath("/");//不推荐使用获取工程的根路径 (2).request.getRealPath(request.getRequestURI ...
vue.js+webpack 为 img src 赋值的路径问题解决方法
首先,如果使用的是img标签那么可以这样 data () {return {img: require('@/assets/SavingOverview/1.png')} }然后在template中&l ...
nuxt.js使用v-for动态绑定img的src的本地路径，图片不能渲染
<img :src="item.src" alt="图片" class="pic" v-for='(item,index) in im ...
Java文件下载选择路径注意事项
最近在项目里有个下载文件的需求,后台代码写好后,debug时没有出现任何错误信息,但页面就是没有弹出路径供下载选择.然后一直以为是后台代码的问题,结果无意间搜索发现如果想要可以选择下载路径的话,前端需 ...

HTML / img src 使用绝对路径注意事项

HTML / img src 使用绝对路径注意事项相关推荐

最新文章

热门文章