uniapp在微信小程序端调用摄像头拍照并且把拍下的图片上传到后端

这篇具有很好参考价值的文章主要介绍了uniapp在微信小程序端调用摄像头拍照并且把拍下的图片上传到后端。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uni.chooseImage({
					count: 1,
					sizeType: ['original', 'compressed'],
					sourceType: ['camera'], //这要注意,camera掉拍照,album是打开手机相册

					success(res) {
						const tempFilePaths = res.tempFilePaths;
						uni.uploadFile({
							url: 'https://pro.hxqygl.online/api/carno/status', //服务器地址
							fileType: "image", //ZFB必填,不然报错
							filePath: tempFilePaths[0], //这个就是我们上面拍照返回或者先中照片返回的数组
							name: 'img',
							success(uploadFileRes) {
								let imgData = JSON.parse(uploadFileRes.data)
								if(imgData.data == null){
									uni.showToast({
										title:'查询失败',
										icon:'error',
										duration:2000
									})
									
								}else{
									
									
									uni.showToast({
										title: `查询成功`,
										duration: 4000
									})
								}
							_this.chepai = imgData.data.car_no
							_this.number = imgData.data.num
								// console.log(this);
								// this.imgDataUrl = imgData.data.imgUrl
							}
						});

					}
				});

需要注意的是我在代码片段中用到 _this,因为我怕函数改变了this的指向所有我在方法的开头就写了

let _this = this文章来源地址https://www.toymoban.com/news/detail-718952.html

到了这里,关于uniapp在微信小程序端调用摄像头拍照并且把拍下的图片上传到后端的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android相机调用-CameraX【外接摄像头】【USB摄像头】

    Android相机调用有原生的Camera和Camera2,我觉得调用代码都太复杂了,CameraX调用代码简洁很多。 说明文档:https://developer.android.com/jetpack/androidx/releases/camera?hl=zh-cn 现有查到的调用资料都不够新,对于外接摄像头(USB摄像头)这类非前置也非后置摄像头的设备调用,都说是没有实

    2024年02月09日
    浏览(33)
  • javacv基础02-调用本机摄像头并预览摄像头图像画面视频

    引入架包: 运行效果: 注意: 1、maven依赖后,会导致整个项目工程打包发布后的体积变得十分巨大 原因是ffmpeg和opencv两个依赖默认会把android,ios,linux,macos,windows以及各自不同cpu芯片下,86/64等所有版本的Jar会全部依赖进来,项目打包后体积剧增500M+ 解决方法也比较简单

    2024年02月11日
    浏览(35)
  • 前端调用电脑摄像头

    项目中需要前端调用,所以做了如下操作 先看一下效果吧 主要是基于vue3,通过canvas把画面转成base64的形式,然后是把base64转成 file文件,最后调用了一下上传接口 但是这个得开启浏览器的摄像头权限,不然会报错 以下是代码 进入页面先调用一下摄像头 拍照 转base64 完整代

    2024年02月10日
    浏览(31)
  • 使用OpenCV调用摄像头

    1.创建一个摄像头调用的空项目 2.添加上篇博客里已经改好的属性表——现有属性表 3.返回解决方案资源管理器,在源文件里添加新建项命名为摄像头调用 4.输入以下代码,开始调试,然后就会弹出摄像头 #include opencv2/highgui/highgui.hpp  #include opencv2/imgproc/imgproc.hpp  #include ope

    2024年02月05日
    浏览(31)
  • Android——调用摄像头拍照

    首先修改activity_main.xml 如下: 添加一个按钮和图片。 我们的逻辑功能是: 点击按钮后打开相机 相机拍照后图片返回到图片里 由于代码比较长切复杂,我会一步步讲解以便于我的理解。(没错就是我的) 首先我们需要为Button注册点击事件 我们要创建一个文件存放我们拍照的

    2024年02月14日
    浏览(26)
  • Python调用手机摄像头

    1、在手机上安装app:IP摄像头 2、调用代码(前提:电脑连接手机热点) 2.1、如果没有cv2安装包,则需要安装opencv-python库(功能:数字图像处理、人脸检测、视频捕捉,图像旋转等) 和poencv-contrib-python库(功能:图像拼接、CNN人脸识别、特征检测、背景分割,OCR等)。注意

    2024年02月12日
    浏览(36)
  • 安卓调用手机摄像头和相册

    新建一个CameraAlbumTest项目,修改activity_main.xml中的代码 可以看到在布局文件当中,有一个Button和一个ImageView.Button是用于打开摄像头进行拍照的,而ImageView则是用于将拍到图片显示出来. 在MainActivity中编写调用摄像头的代码逻辑 首先创建了一个File对象,用于存储摄像头拍下的图片

    2024年02月09日
    浏览(33)
  • 【cv2调用摄像头】

    文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结 cv2调用摄像头 代码如下(示例): 代码如下(示例): 该处使用的自身摄像头的数据。

    2024年02月13日
    浏览(28)
  • 摄像头的调用和视频识别

    创建视频捕捉对象:cv2.VideoCapture() 参数为视频设备的索引号,就一个摄像投的话写0默认; 或者是指定要读取视频的路径。 cv2.VideoWriter() 通过对视频中相邻两帧图像做差分运算来标记运动物体, 移动的物体在相邻帧中灰度会有差别,因此差值为0的是静态物体。 飘动的彩带也

    2024年02月11日
    浏览(24)
  • Unity | 如何调用摄像头拍照

    我只用了PC端,其他平台我没试过哈~ 1.常见的输入内容 常见的输入内容:声音、图片 (影像就是一连串图片不停的放,所以摄像头发给电脑的实际上是很多很多图片) 常见的输入设备:输入声音对应的设备一般是麦克风,图片对应的设备一般设摄像头。 2.unity获取设备访问

    2023年04月09日
    浏览(24)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包