微信小程序使用前置摄像头拍照

站长资源 2024/9/20 佚名

20 1538 20

相思资源网 Design By www.200059.com

本文实例为大家分享了微信小程序使用前置摄像头拍照的具体代码，供大家参考，具体内容如下

1、拍照页面：

<template>
 <view title="拍照">
 <camera v-if="openCamera" device-position="front" frame-size="large" class="zipai" @error="error"> </camera>
 <cover-image src="/UploadFiles/2021-04-02/renzheng_zz.png">

2、预览图片页面：


<template>
 <view title="预览图片">
 <image mode="widthFix" :src="/UploadFiles/2021-04-02/src">

3、上传图片方法：


// uploadFileMinipro
function uploadFileMinipro(tempFilePath,callback){
 // 1.2 上传头像
 let uin =common.getGlobalUserInfo().id;
 let reurl=common.ip;
 uni.uploadFile({
 url: reurl,
 filePath: tempFilePath,
 name: "file",
 formData:{uin:uin},
 success:(res)=>{
 console.log("res=",res);
 // 注意，这里获得是一个string，需要转换一下
 let resData = JSON.parse(res.data);
 if (resData.status == 1) {//<=0:人工返回的错误信息
 setErrorMessage("上传成功");
 if (typeof callback === "function"){
  callback();//刷新当前页面
 }
 
 } else if (resData.status < 1) {
  setErrorMessage(resData.msg)
 } else {
  setErrorMessage()
 }
 },
 fail:(res)=>{
 console.log("上传失败");
 },
 });
}


为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

微信小程序前置摄像头拍照,微信小程序摄像头拍照,微信小程序摄像头

标签：