前端绝对路径不显示图片_img标签使用绝对路径无法显示图片

说明：图片的磁盘路径斜杠使用：右斜杠"\"，而图片的网络路径使用左斜杠"/"，注意加以区分。

如果这张图片属于服务器图片或者网络图片，我们必须在Img标签里使用网络路径，只有网络路径才可以通过浏览器发送请求，下载该图片到用户的浏览器临时路径中，才可以显示在页面上；

如果这样图片在你本地，那么你可以直接使用该图片的磁盘路径展示。

下面是我某个项目下的图片，其磁盘路径为：

D:\SourceCode\MCSFramework\02.Develop\MobileWebApp\Seagull2\WebApi\Seagull2.YuanXin.WebApi\Resources\Pic\2016\12\学无止境.jpg

其在项目里的网络路径为：

http://localhost:10086/yuanxin/Resources/Pic/2016/12/学无止境.jpg

如图所示：

原因浅析：

这是因为当我们在img标签输入磁盘路径时，其实还是发出了http请求，这是这是一次失败的请求，不会有任何response相应信息。

请求的地址为：file:///+磁盘路径？这哪是正常的请求啊！！！

如果这样图片原本就位于本地，那么即使我们得不到响应图片，浏览器还是可以能找到该图片；但是如果这张图片原本就是其他服务器上，那么你肯定是拿不到这张图片的，也就无法显示。

如下图：

备注：这里是本人的使用经验，有不对的地方欢迎批评指正...

前端绝对路径不显示图片_img标签使用绝对路径无法显示图片相关推荐

html怎么用img添加图片,img标签(html怎么用img添加图片)
定义和用法img 元素向网页中嵌入一幅图像.请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像. 标签创建的是被引用图像的占位. 属性有哪些,该怎么用? src 图像的路径 alt ...
html中label如何居中,怎么让label标签中的文字居中显示
label标签如何使用 html页码中的 label标签使用方法: 其实很多人都一样,喜欢的不是学校,不是班级,而是坐在教室的那群人请点击文本标记之一,就可以触发相关控件: HTML代码中的labe ...
img服务器上的图片不显示不出来,img标签使用绝对路径无法显示图片
说明:图片的磁盘路径斜杠使用右斜杠"\",而图片的网络路径使用左斜杠"/",注意加以区分. 如果一张图片属于服务器图片或者网络图片,我们必须在img标签里使用网 ...
好程序员web分享图片标签、绝对路径和相对路径
为什么80%的码农都做不了架构师?>>> 图片标签.绝对路径和相对路径,［］< img >标签代表图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制 ...
img标签地址src路径拼接_img标签的src属性的用法是什么？
首先我们来看看img标签的定义: 图片也是网页中最常见的html元素,而且是相当重要的一部分.在html网页中,图像由标签定义,是空html标签或说是单标签,它只包含属性,没有闭合标签. img标签的 ...
在access窗体中加图片_如何在Access窗体中显示指定路径的图片
在Access中,如果把图形对象以OLE格式的字段保存,那么在窗体中可以直接显示出图片来.但是这样做有以下不足:一.需要将图片逐一插入到表中,工作量太大.二.使数据库文件变得庞大.三.相同的图片文件, ...
react前端显示图片_在react中怎么动态渲染图片？
在react中怎么动态渲染图片?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. React 动态渲染图片,提升用户体验市场上竞争是非常残酷的,众所周知, ...
Python+OpenCV图像处理（二）——打印图片属性、设置图片存储路径、电脑摄像头的调取和显示...
一. 打印图片属性.设置图片存储路径代码如下: #打印图片的属性.保存图片位置 import cv2 as cv import numpy as np #numpy是一个开源的Python科学计算库 ...
Python3+OpenCV3图像处理（二）——打印图片属性、设置图片存储路径、电脑摄像头的调取和显示
一. 打印图片属性.设置图片存储路径代码如下: #打印图片的属性.保存图片位置 import cv2 as cv import numpy as np #numpy是一个开源的Python科学计算库 ...

前端绝对路径不显示图片_img标签使用绝对路径无法显示图片

前端绝对路径不显示图片_img标签使用绝对路径无法显示图片相关推荐

最新文章

热门文章