- 发布：2020-09-21 17:40
- 更新：2021-03-23 00:16
- 阅读：4210
【报Bug】HBuilderx最新版本canvas h5端生成的base64无法用 uniapp自带的image组件访问 会报net::ERR_INVALID_URL
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.11
手机系统： 全部
手机厂商： 模拟器
页面类型： vue
打包方式： 离线
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
<view class="img" @tap="addImg"><image :src="getUserImg(userImage)" mode="scaleToFill" /></view>
<view class="img" @tap="addImg"><image :src="getUserImg(userImage)" mode="scaleToFill" /></view>
预期结果：
正确显示上传的base64图片
正确显示上传的base64图片
实际结果：
net::ERR_INVALID_URL
net::ERR_INVALID_URL
bug描述：
HBuilderx最新版本canvas h5端生成的base64无法用 uniapp自带的image组件访问 会报net::ERR_INVALID_URL
有的上传图片可以，有的上传图片会报错。
image组件渲染出的img的src是正常的，但包裹在外面的div背景base64图片无法显示，导致报这个错。img的src复制出来可以在浏览器上访问到这张图片，但是div背景base64图片地址复制出来是找不到这张图片的。浏览器控制台就会报net::ERR_INVALID_URL。
6 个回复
h***@qq.com
是的，我也发现了，这个主要和图片大小有问题，如果图片大于500K，基本上100%出现，具体的多少不确定，但是只要传稍大一点就有问题；
比较两个字符串，发现不同……
chenli
同样问题：https://ask.dcloud.net.cn/question/106591
9***@qq.com
项目里面有用到base64图片的地方都得先换成img,希望官方大大尽快解决
7***@qq.com
请问下你那边是怎么解决的，我2.9.3+h还是会出现...
stick
尴尬了，业务的最终需求就是获取后端的base64图片来展示，每个都很大
1***@qq.com
大家有没有新方案呢? 感觉是 base64中有 rpx upx 这两个字符串 就有可能被转义
直接用 img 标签渲染 是可以正常显示的