解决img标签src路径为本地路径访问受限问题:Not allowed to load local resource

随笔记录：遇到img标签想显示本地路径下的图片资源。谷歌浏览器不支持访问，找不到好的解决办法决定换个思路。

img标签可显示base64转码的图片。将本地图片先进行base64转码，之后再img标签中显示。问题解决

1、后台提供转码

public String getBaseImg(String imgPath) throws CustomException {InputStream in = null;byte[] data = null;try {in = new FileInputStream(WorkConstant.PROIMAGE_DIR_REALNAME + "/webSystem/" + imgPath);data = new byte[in.available()];in.read(data);in.close();} catch (IOException e) {e.printStackTrace();}//进行Base64编码BASE64Encoder encoder = new BASE64Encoder();return encoder.encode(data);
}

2、前台img标签显示图片

 $.ajax({url:'./getBaseImg.do',data:{imgPath:$("#webImage").val()},success:function (data) {$("#webImageTrue").attr("src", "data:image/jpeg;base64,"+data);}})

这种就可以实现img标签显示本地文件了

解决img标签src路径为本地路径访问受限问题:Not allowed to load local resource相关推荐

Not allowed to load local resource: file:///,浏览器禁止访问浏览器图片，文件解决方法
Not allowed to load local resource: file- 错误出现原因:浏览器出于安全考虑禁止直接读取本机文件(链接以file:///开头), 解决办法: 创建一个web服务 ...
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用! 起因报错原因吐槽解决办法参考起因因为深度学习用的是pytorch ...
解决 Not allowed to load local resource 问题
今天在写KindEditor的上传文件时遇到了这个问题 Not allowed to load local resource 参考了晚上的资料后发现其中一个解决方法是把放回的绝对路径改为相对路径即可 ...
SpringBoot+Vue项目中遇到Not allowed to load local resource图片路径问题的两种解决方案（在后端映射本地路径或将图片转base64返回给前端）
一.报错截图第一种解决方案后端映射本地路径编写MyConfig类 Java代码[MyWebConfig] package com.wechat.front.utils;import org.sp ...
img标签--src属性：相对路径和绝对路径
HTML相对路径与绝对路径在网页制作的过程中,少不了跟路径打交道,比如,包含一个文件,插入一个图片等,与路径都有关系,如果使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图 ...
服务器路径和本地路径在使用cd时候的区别
FileNotFoundError: [Errno 2] No such file or directory: 'Users/apple/Documents/ST/python/python_prog ...
POI Excel插入图片（网络路径、本地路径）
1 Maven依赖 <dependency><groupId>com.alibaba</group ...
UNC路径转本地路径
UNC应用(Universal Naming Convention)通用命名规则,比如网络访问文件UNC路径就是 \\servername\sharename\directory\filename比如 ...
HTML中img标签的src属性为绝对路径时，在IE中图片可显示，在firefox中不行
HTML中img标签的src属性为绝对路径时,在IE中图片可显示,在firefox中不行下图,src中为图片的绝对路径,此时在IE浏览器中图片可显示出来,firefox浏览器中图片不能显示出来代码 ...

解决img标签src路径为本地路径访问受限问题:Not allowed to load local resource

解决img标签src路径为本地路径访问受限问题:Not allowed to load local resource相关推荐

最新文章

热门文章