<image :src="url" @error="handleImageError" />
<script>
export default {
data() {
return {
url: 'file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp'
}
}
}
</script>
i***@ivup.cn
- 发布：2024-03-12 14:59
- 更新：2024-03-12 15:37
- 阅读：493
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac os 14.1.2
HBuilderX类型： 正式
HBuilderX版本号： 3.99
手机系统： Android
手机系统版本号： Android 10
手机厂商： 荣耀
手机机型： honor 20 lite
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<image :src="url" @error="handleImageError" />
<script>
export default {
data() {
return {
url: 'file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp'
}
}
}
</script>
<image :src="url" @error="handleImageError" />
<script>
export default {
data() {
return {
url: 'file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp'
}
}
}
</script>预期结果：
能够正常显示手机相册WEBP格式图片
能够正常显示手机相册WEBP格式图片
实际结果：
不显示显示手机相册WEBP格式图片。
最终测试确认：使用标准基座能正常显示手机相册中WEBP格式的图片，如果用自定义基座则不会显示手机相册中的WEBP格式图片。
image返回的错误信息如下：
{
"type": "error",
"timeStamp": 1710227288112,
"target": {
"id": "",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"currentTarget": {
"id": "",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"detail": {},
"stopPropagation": "function() { [native code] }"
}
但是使用uni.previewImage则能正常预览该WEBP格式图片（file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp）
不显示显示手机相册WEBP格式图片。
最终测试确认：使用标准基座能正常显示手机相册中WEBP格式的图片，如果用自定义基座则不会显示手机相册中的WEBP格式图片。
image返回的错误信息如下：
{
"type": "error",
"timeStamp": 1710227288112,
"target": {
"id": "",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"currentTarget": {
"id": "",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"detail": {},
"stopPropagation": "function() { [native code] }"
}但是使用uni.previewImage则能正常预览该WEBP格式图片（file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp）
bug描述：
使用image组件调用手机相册webp格式的图片不显示，jpg格式的则正常显示。
最终测试确认：使用标准基座能正常显示手机相册中WEBP格式的图片，如果用自定义基座则不会显示手机相册中的WEBP格式图片。不知道是什么原因，希望官方能帮助解答
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
刚试了下，在项目static目录下没发现问题
<template>
<view>
<image src="../../static/logo.webp"></image>
</view>
</template>
<script>
let that;
export default {
data() {
return {
};
},
onLoad() {
},
methods: {}
}
</script>
<style lang="less">
</style>
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
我这也是可以的
-
i***@ivup.cn (作者)
你的hbuilderx版本号是多少？是不是nvue开发？
我的就不不显示WEBP格式图片，JPG的显示
[
{
"size": 129274,
"type": "image",
"url": "file:///storage/emulated/0/Android/data/cn.ivup.yunshangshu/apps/UNIB2F336A/doc/uniapp_temp/compressed/1710228929082_Screenshot_20240308_201158_com.huawei.camera.jpg",
"thumb": "file:///storage/emulated/0/Android/data/cn.ivup.yunshangshu/apps/UNIB2F336A/doc/uniapp_temp/compressed/1710228929082_Screenshot_20240308_201158_com.huawei.camera.jpg"
},
{
"size": 162252,
"type": "image",
"url": "file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp",
"thumb": "file:///storage/emulated/0/Pictures/news_article/faa0e8adf07fa8b7492ca83f4a8aed09.webp"
}
]
2024-03-12 15:44
-
-
-
-
i***@ivup.cn (作者)
回复 套马杆的套子: 最终测试确认：使用标准基座能正常显示手机相册中WEBP格式的图片，如果用自定义基座则不会显示手机相册中的WEBP格式图片。不知道是什么原因，希望官方能帮助解答
2024-03-12 22:13
i***@ivup.cn (作者)
static目录没问题，但是当读取手机相册里的WEBP则不显示，JPG则正常。
2024-03-12 15:23