说明: 图片的磁盘路径斜杠使用:右斜杠"\",而图片的网络路径使用左斜杠"/",注意加以区分。
如果这张图片属于服务器图片或者网络图片,我们必须在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:///+磁盘路径? 这哪是正常的请求啊!!!
如果这样图片原本就位于本地,那么即使我们得不到响应图片,浏览器还是可以能找到该图片;但是如果这张图片原本就是其他服务器上,那么你肯定是拿不到这张图片的,也就无法显示。
如下图:
备注:这里是本人的使用经验,有不对的地方欢迎批评指正...