铁雪资源网 Design By www.gsvan.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("上传失败"); }, }); }为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
铁雪资源网 Design By www.gsvan.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无微信小程序使用前置摄像头拍照的评论...