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

Posted 2023-03-07 早起的年轻人

1 调用相机相册

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

2 调用上传API

官方文档在这里 https://uniapp.dcloud.net.cn/api/request/network-file.html#uploadfile

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
	
);

• 参数 name 是文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容

3 扫码

uni.scanCode(
 	onlyFromCamera: true,//只允许拍照，不允许本地相册
	scanType:["qrCode"],//扫码类型 以为 二位 xxx
    success:  (res)=> 
        console.log('条码内容：' + res);
    
);