1***@163.com
1***@163.com
  • 发布:2024-02-26 10:45
  • 更新:2024-11-12 16:57
  • 阅读:659

uni.previewImage预览时 ios黑屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.3

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: 苹果13

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<image :src="item1.accessUrl" alt="" class="photos"  
                                        @click.stop="imgListPreview(item,index1)">  
                                    </image>  

// 预览  
        imgListPreview(item1, index) {  
            console.log('----')  
            let fileList=[];  
            item1.photoList.forEach((item2)=>{  
                fileList.push(item2.accessUrl)  
            })  
            uni.previewImage({  
                current: index, //预览图片的下标  
                urls: fileList //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以  
            })  
        },

操作步骤:

ios 点击图片预览 全是黑屏

预期结果:

想要正常预览显示图片

实际结果:

预览时,IOS环境下 预览都是黑屏,但是uni.previewImage执行成功的回调函数。 安卓正常

bug描述:

app 使用 uni.previewImage({
current: index, //预览图片的下标
urls: fileList //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以
})
预览时,IOS环境下 预览都是黑屏,但是uni.previewImage执行成功的回调函数。 安卓正常

2024-02-26 10:45 负责人:无 分享
已邀请:
1***@163.com

1***@163.com (作者)

有没有写过app的 预览时ios 不能正常预览全是黑屏

1***@163.com

1***@163.com (作者)

预览的都是后端返的网络图片

DCloud_iOS_WZT

DCloud_iOS_WZT

用其他地址的图片试试,看下是不是图片地址格式问题

  • 1***@163.com (作者)

    但是安卓用这个地址都是正常的,只有Ios不正常,

    2024-02-26 10:50

  • 1***@163.com (作者)

    我这个地址放在浏览器就是直接下载

    2024-02-26 10:52

1***@163.com

1***@163.com (作者)

上传到阿里云的,私有的。

套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

可能是你背景颜色的事,透明的,背景ios是黑色的,在ios显示不了
可以使用plus.nativeUI.previewImage设置背景颜色

  • 1***@163.com (作者)

    没有 用普通的网上地址可以,用阿里云私有的地址,就不行。

    2024-02-26 11:20

  • 套马杆的套子

    回复 1***@163.com: 可以来个地址,试试

    2024-02-26 11:24

hanhaha

hanhaha

请问博主解决了吗

m***@163.com

m***@163.com

服了 我的ios也是黑的 根本搞不定
还是用插件得了

要回复问题请先登录注册