随手拍

<view class="cardContent"><!-- 拍照功能 --><view><image :src="data:imageList.length==0 ? imgeUrl:imageList " @click="onGetImgClick()"></view></view>

、

 onGetImgClick: function() {uni.chooseImage({sizeType: ['compressed'], //original 原图，compressed 压缩图，默认二者都有sourceType: ['album', 'camera'], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项success: res => {this.imageList = res.tempFilePaths[0]console.log('res',res)console.log(this)uni.uploadFile({url: ``, //接口filePath: res.tempFilePaths[0],// formData: {//   name: 'token',//   token: window.uni.getStorageSync("accessToken")// },name: 'multipartFile',header:{token:this.accessToken,},file:res.tempFiles[0],success: res => {this.objList = JSON.parse(res.data)if (this.objList.code == 200) {this.newtime = this.objList.timethis.resData = this.objList.dataconsole.log(this.objList, this.newtime, this.resData,'6666')console.log(this)}}})}})},

#功能截图

这个代码只能拍一张之后进行替换，如果需要拍多张改一下file就可以

#注意事项

当时做这个功能的时候遇到一个问题。 filePath可以打印出来但是 this.objList, this.newtime, this.resData,打印不出来，后来发现是this指向的问题。这也是为什么要用箭头函数。

uni-app 拍照上传相关推荐

html5拍照上传 java_如何使用HTML5实现拍照上传应用
在HTML5规范的支持下,WebApp在手机上拍照已经成为可能.在下面,我将讲解Web App如何用手机进行拍照,显示在页面上并上传到服务器. 1. 视频流 HTML5 The Media Capt ...
esp32-cam拍照上传，app inventor 制作安卓app实时显示
esp32-cam拍照上传,app inventor 制作安卓app实时显示 1.ESP32-cam开发环境配置 2 .程序下载连线 3. 控制台查看图片第四.app 开发 1.ESP32-cam ...
HTML5 实现手机拍照上传
2019独角兽企业重金招聘Python工程师标准>>> 背景:移动端H5项目,需要实现调用手机拍照,并将图片压缩上传功能. 页面样式: 上传图片有原生的方法<input typ ...
Android拍照上传代码样例
2019独角兽企业重金招聘Python工程师标准>>> Android拍照上传代码样例 1.LoginWindow.java --登录窗口 package com.hemi.rhet ...
uniapp拍照上传功能
一.需求留言板需求,上传留言时,可拍照或者上传图片二.调用拍照/上传文件功能点击拍照按钮,调取相机或者文件 <view class="upload-img">&l ...
Android仿微信图片上传，可以选择多张图片，缩放预览，拍照上传
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 如果不知道如何上传 ...
制作esp32-cam拍照上传，微信小程序照片显示的监控小车
前期配件准备 ESP32-CAM开发环境配置程序下载连接小车控制台查看图片微信小程序的开发 1.前期配件准备小车套件(网上购买即可,较为方便的选择) ESP32-CAM (推荐安信可,外加T ...
uniapp h5拍照上传照片
前段时间公司要弄一个uniapp的H5拍照上传的功能,看这位博主常德_威少的博客完成了(博客地址:使用canvas压缩图片大小_常德_威少的博客-CSDN博客_canvas压缩图片),于是想把我写 ...
前端webRTC实现一对一（也可以转化为一对多）视频聊天及视频流截图上传（拍照上传）——WebRTC实战
一个使用webRTC进行一对一或一对多视频通话的demo并可以对播放视频流截图拍照上传点击查看具体webRTC API 最终效果如图一.这个demo满足了: 1.PC端获取远程APP操作人员的后置 ...
Android头像--拍照上传
今天早上想给上次的头像增加拍照上传功能,不单单是相册选择.于是遇见了好多麻烦. 首先,dialog改成两个选项: AlertDialog.Builder builder = new AlertDial ...

uni-app 拍照上传

随手拍

#功能截图

#注意事项

uni-app 拍照上传相关推荐

最新文章

热门文章