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

浅浅的花香味﹌ 2023-10-08 18:37 9阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 自定义扫码界面连续扫码

在 uni-app 中使用自定义扫码界面并进行连续扫码，你需要使用 uni-app 提供的原生扫码接口。首先，你需要在 uni-app 项目的 manifest.json

系统管理员/ 2024年03月27日 12:31/ 0 赞/ 212 阅读

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

1 调用相机相册 uni.chooseImage({ count: 1, sizeType: ['original

浅浅的花香味﹌/ 2023年10月08日 18:37/ 0 赞/ 10 阅读

相关手机端调用相册上传图片

![1266227-20190925164755614-1101436949.png][] ![1266227-20190925164806718-833242111

古城微笑少年丶/ 2023年06月04日 04:52/ 0 赞/ 106 阅读

相关 uniapp调用扫一扫

1：新建一个uniapp项目，命名为test ![format_png][] 可以看到，在开发工具HBuilderX里面，极速生成的模板目录结构如下 ![forma

柔情只为你懂/ 2023年02月23日 14:27/ 0 赞/ 140 阅读

相关 uniapp怎么调用扫一扫功能？

1：新建一个uniapp项目，命名为test ![1b7f307e47e00c0b066808563bd88d01.png][] 可以看到，在开发工具HBuilderX

柔情只为你懂/ 2022年12月19日 03:38/ 0 赞/ 534 阅读

相关 uniapp扫码功能

// 允许从相机和相册扫码 uni.scanCode({ success: function (res) {

我会带着你远行/ 2022年09月09日 02:16/ 0 赞/ 429 阅读

相关 Android调用相机保存图片到相册

项目中需要使用相机拍照然后保存到相册中，然而保存后却发现相册中并没有这张图片，但是从相册的文件夹中可以看到。这说明相册没有及时刷新才会这样的。搜寻前辈的答案发现有两种解决方案，

约定不等于承诺〃/ 2022年08月17日 14:21/ 0 赞/ 465 阅读

相关移动端上传图片--调用手机的相册和相机

网上百度找到一个方法不错，借鉴：代码如下 html: <div class="head"> <a class="btn-2">

不念不忘少年蓝@/ 2022年05月16日 02:24/ 0 赞/ 358 阅读

相关 apicloud app选择手机相册相机图片上传到服务器

效果图是这样的点击修改头像，会出现选项 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

男娘i/ 2022年02月27日 02:24/ 0 赞/ 1000 阅读

相关纯 html js 扫码，相册扫码非app版本

由于网上太多无用扫码，今天上传一个寻找很久的扫码，并修改了样式 tip：手机上测试请用内网穿透，加上安全域名，否则无法调用相机，重点：安全域名加s 废话少说上代码：

た入场券/ 2021年12月03日 13:01/ 0 赞/ 349 阅读