html5中图片地址,请问我用uni-app写的h5页面,点击上传本地图片使用的是uni.chooseImage(),拿到返回的地址后绑定在src中,但是真机预览和运行到Chrome为啥图片不显示...

在uni-app中,使用chooseImage API选择图片并使用getImageInfo获取信息时遇到问题:在Chrome中显示为黑色,真机上加载一直转圈。此问题可能涉及到图片处理及预览的兼容性问题,需要深入理解uni-app的图片处理机制和真机环境的适配策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

uni.chooseImage({

count: 1, //默认9

sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有

sourceType: ['camera', 'album'], //从相册选择

success: function(res) {

console.log(JSON.stringify(res));

uni.getImageInfo({

src: res.tempFilePaths[0],

success: function(image) {

console.log(image)

console.log(image.width);

console.log(image.path);

}

});

const tempFilePaths = res.tempFilePaths;

this.problemImg = tempFilePaths[0];

console.log(this.problemImg)

}

});

preview() {

// 预览图片

uni.previewImage({

urls: [this.problemImg]

});

},

a6a3d705a7db0a5e07f10f9da63b5452.png

chrome中是黑的,真机也一直在转圈

1809b521cac708d7de999ad7fab23aca.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值