Skip to content

uniapp调用手机相机拍照并且上传图片到服务器

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

在这里插入图片描述

js
// 上传图片
uni.uploadFile({
	url: 'https://xxxx/api/v1/qiniu/upload/img', // 服务器地址
	fileType:"image",// 必填,不然报错
	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
	}
});

uniapp调用手机相机扫码

js
// 仅允许通过相机扫描二维码,且指定扫码类型为二维码
uni.scanCode({
    onlyFromCamera: true, // 只允许拍照,不允许本地相册
    scanType:["qrCode"], // 扫码类型为二维码
    success:  (res)=> {
        console.log('条码类型:' + res.scanType);
        console.log('条码内容:' + res);
    }
});

// 允许从相机和相册扫描二维码
uni.scanCode({
    success: function (res) {
        console.log('条码类型:' + res.scanType);
        console.log('条码内容:' + res.result);
    }
});

// 仅允许通过相机扫描二维码,且不指定扫码类型
uni.scanCode({
    onlyFromCamera: true,
    success: function (res) {
        console.log('条码类型:' + res.scanType);
        console.log('条码内容:' + res.result);
    }
});

// 通过相机扫描二维码,且指定扫码类型为条形码
uni.scanCode({
    scanType: ['barCode'],
    success: function (res) {
        console.log('条码类型:' + res.scanType);
        console.log('条码内容:' + res.result);
    }
});

MIT版权,未经许可禁止任何形式的转载