Chrome使用<img scr="不能访问绝对路径">

有什么办法可以解决吗?使src可以使用绝对路径 ie可以谷歌却不行

用FileReader+input file读取图片显示,直接本地不行
示例:javascript客户端图片预览

如果页面在服务器上,浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。

如果页面html文件是放在本地的,比如用浏览器打开桌面上的html文件,是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。否则会报错:
“not allowed to load local resource”。

这个是跨域问题,服务器页面和本地图片不在同一个域,所以不能跨域访问.
想跨域访问,可以尝试使用nginx,配置服务器页面和路径到同一个域下.

那么路径要的和你的HTML路径一样。比如你的HTML绝对路径是https://www.baidu.com/1.html,那么你图片的src的绝对路径也要写成https://www.baidu.com/2.jpg,如果在不同的文件夹,如https://www.baidu.com/demo/2.jpg

实用base标签,src实用相对路径,啥问题都解决(跨域除外),

推荐使用base标签, 标签为页面上的所有资源规定默认地址或默认目标。

 <%
 //http://localhost:8086/path_base/
 String path = request.getServletContext().getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getLocalPort()+path+"/";

%>
<base href="<%=basePath %>">