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:///+磁盘路径？  这哪是正常的请求啊！！！

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

如下图：

 

 

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

 

转载于:https://www.cnblogs.com/lxhbky/p/6151613.html