<image :src="https://osscdnpic.bestxinrui.com/avatar_frame/jude.webp" ></image>
果李程
- 发布：2024-11-01 12:21
- 更新：2024-11-04 14:47
- 阅读：93
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Retina, 13-inch, 2020
手机系统： Android
手机系统版本号： Android 14
手机厂商： OPPO
手机机型： oppo
页面类型： nvue
vue版本： vue3
打包方式： 离线
项目创建方式： CLI
CLI版本号： 3
示例代码：
操作步骤：
<image :src="https://osscdnpic.bestxinrui.com/avatar_frame/jude.webp" ></image>
<image :src="https://osscdnpic.bestxinrui.com/avatar_frame/jude.webp" ></image>
预期结果：
能够正常显示
能够正常显示
实际结果：
触发了@error 没有错误信息 detail为{}
uni.getImageInfo(OBJECT) 可以获取到图片信息
触发了@error 没有错误信息 detail为{}
uni.getImageInfo(OBJECT) 可以获取到图片信息
bug描述：
nvue <image> 加载网络 webp格式图片失败
4 个回复
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
把src前面的:去掉
果李程 (作者) - coder
这里原来引用响应对象，直接放地址去掉：是一样的 这里书写有误
套马杆的套子
我拿你的代码都试过了，去掉:就行
2024-11-01 13:52
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
看附件图片
果李程 (作者)
是nvue页面吗 我这边是nvue页面里不行 vue页面是可以的 且nvue 页面.jpg 或png的是可以的
2024-11-01 17:41
果李程 (作者)
vue3 的cli项目 自定义基座
2024-11-01 17:42
果李程 (作者)
我自定义的组件 在nvue页面 webp加载失败 放到vue页页就可以正常显示
2024-11-01 18:27
果李程 (作者) - coder
解决了 官方也不给说明一下 最终原因 Android下需要依赖web的动画库
implementation 'com.facebook.fresco:animated-webp:2.5.0'