uni-app 鸿蒙真机运行 uni.previewImage 预览图片黑屏

uni-app 鸿蒙真机运行 uni.previewImage 预览图片黑屏

项目属性 值
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 windows11
HBuilderX类型 正式
HBuilderX版本号 4.66
手机系统 HarmonyOS NEXT
手机系统版本号 HarmonyOS 5.0.1
手机厂商 华为
手机机型 华为 mate60
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

示例代码：

uni.previewImage({
current: index,
urls: this.imgList,
indicator: "number"
});

操作步骤：

  • 进入查看

预期结果：

  • 正常显示图片

实际结果：

  • 黑屏

bug描述：

uni.previewImage 预览图片打开后黑屏无法预览 图片为网络图片

111.zip


更多关于uni-app 鸿蒙真机运行 uni.previewImage 预览图片黑屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

已知问题，原因是鸿蒙 jsvm 响应式数据存在兼容问题，暂时可以这么解决，预计下个 alpha版本修复 priview(index){
let ls = […this.imgList]
uni.previewImage({
indicator: ‘default’,
current: index,
urls: ls
});
}

更多关于uni-app 鸿蒙真机运行 uni.previewImage 预览图片黑屏的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


好的

选择了本地图片或拍照 也不能预览 点击预览也黑屏

clog 提示 Invalid args: type check failed for args “current”. Expected String with value “0”, got Number with value 0.

但是 文档上说的 current 不是 string和number 都可以的嘛 我把current 转为了string 之后 点击预览反而不弹了，没反应了

提供一下你的项目

私信你了

在HarmonyOS NEXT 5.0.1系统上使用uni.previewImage预览网络图片出现黑屏问题，这通常与系统兼容性和图片加载机制有关。以下是几个关键排查点：

  1. 图片URL有效性：确保this.imgList中的网络图片链接可正常访问且格式正确（支持jpg、png等常见格式）。建议在浏览器中直接打开图片链接验证。

  2. HTTPS协议要求：鸿蒙系统对网络资源的安全要求较高，若图片使用HTTP协议可能导致加载失败。请确认图片链接为HTTPS。

  3. 图片域名白名单：检查是否在manifest.json中配置了图片域名的网络请求权限：

    "networkTimeout": {
  "request": 20000
},
"uni-app": {
  "networkWhiteList": ["https://your-image-domain.com"]
}

  4. 临时解决方案：可尝试先将网络图片下载到本地临时路径，再使用本地路径预览：

    uni.downloadFile({
  url: imageUrl,
  success: (res) => {
    if (res.statusCode === 200) {
      uni.previewImage({
        urls: [res.tempFilePath],
        current: 0
      })
    }
  }
})
回到顶部