uni-app 报Bug 1.uni.previewImage IOS无法显示本地绝对路径的图片 2.图片过大时有一定几率不显示,空白。

uni-app 报Bug 1.uni.previewImage IOS无法显示本地绝对路径的图片 2.图片过大时有一定几率不显示,空白。

开发环境 版本号 项目创建方式
Windows windows10 HBuilderX
### 操作步骤:
1. IM的聊天图片应该会存在本地 使用图片放大查看图片的时候会黑屏 。但是使用相对路径的时候居然能显示。
2. 图片不显示,空白的问题经常出现

### 预期结果:
希望 uni.previewImage能显示绝对路径的图片  

### 实际结果:
希望 uni.previewImage能显示绝对路径的图片

### bug描述:
1. uni.previewImage IOS无法显示本地绝对路径的图片
例如/var/mobile/Containers/Data/Application/E17EC89F-4696-4B26-8C9B-92648144574F/Documents/Pandora/apps/FC5E51E750070ACBAE917829078790A8/doc/tencentIM/origin/1400441847_790000B_315ceccc2506cb2fb5f82f060a8880c4.jpg  这种路径的图片 无法显示
2. 图片过大 也不是很大 就有一定几率不显示,空白。

![图片](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210511/4ecfc54b67a7a96018a2c0e6699e3817.jpg)

更多关于uni-app 报Bug 1.uni.previewImage IOS无法显示本地绝对路径的图片 2.图片过大时有一定几率不显示,空白。的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 报Bug 1.uni.previewImage IOS无法显示本地绝对路径的图片 2.图片过大时有一定几率不显示,空白。的实战教程也可以访问 https://www.itying.com/category-93-b0.html


针对您反馈的uni.previewImage在iOS端的两个问题,以下是具体分析和解决方案:

1. iOS无法显示本地绝对路径图片
这是平台限制导致的兼容性问题。iOS的Webview环境对本地文件路径访问有严格限制,uni.previewImage的URL参数需使用本地路径标识符网络路径

  • 临时解决方案
    将绝对路径转换为支持的格式:
    // 假设绝对路径为 filePath
    const previewPath = filePath.startsWith('file://') ? filePath : `file://${filePath}`;
    uni.previewImage({ urls: [previewPath] });
回到顶部