uniapp拍照上传照片流程笔记

uniapp拍照上传页面:

1.进入页面的时候就开始检查，是否已经上传过信息？
（1）获取用户的信息
（2）判断是否登入过了？未登入的话跳转到登入页
（3）（一）.获取用户信息里的标识值
（二）.判断标识值为1 是已经提交过了跳转到提交页，
为0 是未提交过显示填写信息的页面，
为空的话发起请求获取用户信息里的标识值（需强转parseInt）并赋值给app.vue里的user的isApply（标识值）
（三）赋值完后，再次进行判断，为 1 的话跳转到提交页为0的话显示填写信息的页面

2.跳转到提交页的方法（提前写好）
隐藏照相的方法（提前写好）
拒绝使用摄像头的方法（提前写好） camera中@error绑定的方法

3.点击照相，需要先获取用户的权限，照相的权限
（1）.用wx.getSetting({})获取用户当前的设置用来获取用户的照相的权限
（2）.用户如果同意权限那么res.authSetting[‘scope.camera’] 的值应该是true
（3）所以要判断用户是否给予了权限判断res.authSetting[‘scope.camera’]是否为真为真的情况下，显示照相的内容
（4）为假的情况下，说明用户没有给与权限，需要重新唤醒给与权限的窗口，重新赋予权限
4.重新获取用户的权限，就需要用到wx.openSetting({}),让用户重新的赋予权限，才能正常的使用功能，在success的方法中再次判断，res.authSetting[‘scope.camera’]的值是否为true，为true的话在显示照相的内容
5.点击确定的方法中将照片上传
拍摄照片：（1）.需要创建camera组件 var camera = uni.createCameraContext();
（创建并返回 camera 组件的上下文 cameraContext 对象。）
（2）.用创建的camera去调用takePhoto对象 camera.takePhoto（{}）
（3）（一）.在success的函数中判断是否有临时路径，有的话进入判断没有的话调佣关闭照相的方法
（二）.在有临时路径的情况下，将临时路径赋值给data中的值
（三）.赋值完后，就进行照片的上传
照片的上传：1.根据项目的api，上传相关的图片临时路径，在catth中若有错误就提示错误的内容

4.提交用户信息：（一）.判断信息是否都有填写，若有空值，就要提醒用户填写信息
（二）.根据项目中的api，提交相关的信息，在then中给app.vue中的user这是标识值为1
（三）.在catth中若有错误就提示错误信息

从相册中选区照片：1.需要用到uni.chooseImage（{}）这个api，其中count这个值是限制选择照片的张数，最多9张
2.在success的函数中进行判断tempFilePaths的值是否存在和tempFilePaths[0]是否有值，有的话进入判断
3.将获取到的临时图片的路径保存到data中，在去调用上传图片的api

uniapp拍照上传照片流程笔记相关推荐

uniapp h5拍照上传照片
前段时间公司要弄一个uniapp的H5拍照上传的功能,看这位博主常德_威少的博客完成了(博客地址:使用canvas压缩图片大小_常德_威少的博客-CSDN博客_canvas压缩图片),于是想把我写 ...
三星手机拍照,上传照片或者下载导致图片旋转90°的解决办法。
项目需求. 因为项目中需要对拍照之后的图片进行上传. (这也是一个简单的问题) 但是就是三星手机(三星note3),出现拍照之后照片旋转了九十度. 然后我们上传上去,然后通过其他手机请求url再次显示 ...
android 拍照上传照片(新)
前段时间写过一片关于照片上传的文章,但是后来发现用那种方式上传的图片是经过android系统处理过的,并不是原图,也就是说经过压缩过的,图片会变得很小,今天我就是为了解决这个问题用另外一种方式实现. ...
uniapp拍照上传功能
一.需求留言板需求,上传留言时,可拍照或者上传图片二.调用拍照/上传文件功能点击拍照按钮,调取相机或者文件 <view class="upload-img">&l ...
uniapp 拍照上传
1.预览图片 let data = {problemPhoto: 'http://test.png' } previewImage(data) {if(!data.problemPhoto){uni. ...
android 拍照上传照片
废话不多说,直接进入主题,想要在android中实现拍照最简单饿方法就是New 一个 Intent 设置Action为android.media.action.IMAGE_CAPTURE 然后使用st ...
phonegap 拍照上传照片
js代码可以完全从 phonegap 官网扣下来使用的是2.3版本的phonegap<script type="text/javascript" src="c ...
android 三星手机拍照旋转90度,解决三星拍照上传照片被旋转90度，和三星相机崩溃...
刚刚想起来前几天面试的时候遇到的一个问题, 问题大概是这样的做拍照上传图片功能的时候,在三星手机上拍出的照片是旋转了90度的,应该如何解决这个问题.因为之前没有遇到过这种问题,当时我回答的是给图片做一 ...
h5 调用ios原生相机拍照上传照片
1.html中的点击按钮和回调显示标签---------------直接上代码 <!DOCTYPE html> <html lang="en"> <h ...
uni-app 拍照上传
随手拍 <view class="cardContent"><view><image :src="im ...

uniapp拍照上传照片流程笔记

uniapp拍照上传照片流程笔记相关推荐

最新文章

热门文章