uniapp中调用相机相册/上传/扫码整理

调用相机相册

uni.chooseImage({
  	count: 1,
    sizeType: ['original', 'compressed'],
    sourceType: ['camera','album'], //这要注意,camera掉拍照,album是打开手机相册
    success: (res)=> {
		console.log(res);
		const tempFilePaths = res.tempFilePaths;
    }
});

这个api调完之后,会返还一个数组,带着照片的信息

随后就可以调用上传API

uni.uploadFile({
	url: 'https://www.cailanzi001.com/api/v1/qiniu/upload/img', //服务器地址
	fileType:"image",//ZFB必填,不然报错
	filePath: tempFilePaths[0],//这个就是我们上面拍照返回或者先中照片返回的数组
	name: 'imgFile',
	success: (uploadFileRes) => {
		let imgData = JSON.parse(uploadFileRes.data)
		console.log(imgData.data.imgUrl);
		console.log(this);
		this.imgDataUrl = imgData.data.imgUrl
	}
});

调用上传接口,把我们拍的照片,或者手机相册选择的相册发送给对应的服务器,然后服务器会返回一个在线的图片地址给我,在html中写一个img标签 把url写给对应的src即可

扫码

uni.scanCode({
 	onlyFromCamera: true,//只允许拍照,不允许本地相册
	scanType:["qrCode"],//扫码类型 以为 二位 xxx
    success:  (res)=> {
        console.log('条码内容:' + res);
    }
});
  • 7
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值