浏览器无法加载本地文件,在后台读取字节流后返回给前端显示

由于浏览器的安全限制,直接通过img标签引用本地文件会导致加载失败。本文介绍了尝试修改src路径、使用插件以及命令行参数等方法无效后,采用后台读取图片字节流,转化为Base64字符串并返回给前端进行显示的方法。后台代码中,使用IOUtils.toByteArray成功实现了文件到字节数组的转换,解决了FileInputStream可能导致的读取问题。前端接收Base64字符串并设置为img标签的src,成功显示图片。
摘要由CSDN通过智能技术生成

由于安全性考虑,许多浏览器不允许访问本地文件。

用谷歌浏览器打开html时,img的src赋值如F:/XXX/XXX/**.jpg,console显示no allowed to load local resourses

1. 将src改为file:///F:/XXX形式,依然无法加载图片

2. 试过下载LocalLinks插件,无效

3. 加--allowed-access-file-from-files命令失败

4. 在后台读取图片的字节流,再转成JSON形式字符串,返回给前端显示

    一开始使用FileInputStream,将字节流读入byte数组

FileInputStream in=new FIleInputStream(imageurl);

byte[ ]data=new byte[in.avaliable]; //这一句可得到正确文件大小的byte数组

        in.read(data);     //调试发现,data数组每次的值都不一样,大小与正确文件大小不符,原因未知

        in.close();

   后使用IOUtils.toByteArray方法,可正常运行,后台代码如下

public String showPicture(String imageurl,HttpServletResponse response){
FileInputStream in;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值