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"],//扫码类型 以为 二位 xxxsuccess:  (res)=> {console.log('条码内容：' + res);}
});

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

手机的web页面调用相机拍照上传
想在手机里的web页面里上传照片,又希望能调用摄像头拍完了再上传. <input type="file" capture="camera" accept= ...
uni-app 小程序多图上传
uni-app 小程序多图上传: 官方提示说,App支持多文件上传,微信小程序只支持单文件上传,传多个文件需要反复调用本API.所以跨端的写法就是循环调用本API 步骤: //1.首先通过 uni.c ...
Android 8.0+调用相机相册
写在前面近期项目的需求是需要去调用相机相册去拍照获取图片保存到服务器公司的测试机试Android6.0以下的所以之前调用相机一点都没问题可是跑在Android8.0+的手机上调用相机相册就会 ...
thinkphp 调用php文件上传,ThinkPHP实现带验证码的文件上传功能实例
本文实例讲述了ThinkPHP实现带验证码的文件上传功能.分享给大家供大家参考.具体实现方法如下: ThinkPHP上传文件非常的简单我们只要调用一个文件上传类UploadFile就可以快速的实现上传 ...
ASP.NET中常用的文件上传下载方法
ASP.NET中常用的文件上传下载方法文件的上传下载是我们在实际项目开发过程中经常需要用到的技术,这里给出几种常见的方法,本文主要内容包括: 1.如何解决文件上传大小的限制 2.以文件形式保存到服务 ...
从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能...
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...
uni-app手写签名并上传七牛云
创建canvas <view class="signature"><canvas class="mycanvas" canvas-id=&qu ...
在 node 中使用 koa-multer 库上传文件详解
本文主要介绍了上传单个文件.多个文件,文件数量大小限制.限制文件上传类型和对上传的图片进行不同大小的裁剪,阅读本篇文章需要具备一定的 node 和 koa 框架的基础知识以及 async await ...
python调用安卓相机_Android在应用程序中调用相机程序
有时,需要在应用程序中调用其他Android上已经安装完好的应用程序, 以下是一个调用相机(com.android.camera)的demo程序: PackageInfo pi = null; try ...

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

调用相机相册

随后就可以调用上传API

扫码

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

最新文章

热门文章