微信小程序的拍照功能

作者：刘旭濠
撰写时间：2019年04月14日

一开始就想弄个微信的小程序玩玩然后想了想最后就决定了，就弄个微信小程序的拍照功能，然后就上网查询了一些资料，在微信社区文档里有很多功能可以使用，然后我就尝试的找了一下关于拍照的资料，然后整理出来文档和网上的一些资料，在微信的API还有更多的资料和其他好玩的玩意

代码如下：
//定时器拍照
setTime: function () {
　　let that = this
　　let ctx = wx.createCameraContext()
　　time = setInterval(function () {
　　if (Math.round(Math.random()) == 1) {
console.log(‘拍照’)
//拍照
ctx.takePhoto({
quality: ‘high’,
　success: (res) => {
console.log(res.tempImagePath)
that.setData({
src: res.tempImagePath
})
　　　　　　　　　　that.localhostimgesupdata(res.tempImagePath)
　　　　　　　　}
　　　　　　})
　　　　}
　　}, 1000 * 10) //循环间隔单位ms
},
//图片上传
localhostimgesupdata: function (imgPath) {
　　console.log(‘图片上传’)
　　wx.uploadFile({
　　　　url: ‘’, // 图片上传服务器真实的接口地址
　　　　filePath: imgPath,
　　　　name: ‘imgFile’,
　　　　success: function (res) {
　　　　　　wx.showToast({
　　　　　　　　title: ‘图片上传成功’,
　　　　　　　　icon: ‘success’,
　　　　　　　　duration: 2000
　　　　　　})
　　　　}
　　})
},
结果只能在真机上看看结果，架构自行创建

微信小程序的拍照功能相关推荐

微信小程序实现拍照功能
小程序实现一个拍照功能,亲测可用. 页面的样式都是我自己写的,当然你们也可以自己排版写样式.下面一共有三个按钮,返回按钮.拍照按钮.切换摄像头按钮. 首先相机页面是通过wx:if来让其隐藏的,通过点击 ...
微信小程序自定义拍照功能
1.页面路径 "pages/camera/takePhoto" 2.样式:takePhoto.wxss .fullscreen{width: 100%; height: 100% ...
微信小程序开发（2） - 微信小程序实现拍照和录像拍摄功能方法
微信小程序开发2 - 本文实例讲述了微信小程序实现拍照和录像拍摄功能方法.分享给大家供大家参考,具体如下: 微信小程序拍照: API:wx.chooseImage 原先的想法是使用微信的camera组 ...
黯然微信小程序杂记（三）：微信小程序实现倒计时功能附讲解教学附源码
黯然微信小程序杂记(三):微信小程序实现倒计时功能附超详细注释附源码一.功能描述二.界面展示三.test.wxml代码四.test.js代码(注释很详细很易懂) CSDN私信我,有关微信 ...
微信小程序实战购物车功能
代码地址如下: http://www.demodashi.com/demo/12400.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...
微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序语音识别java_微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序拼团功能页面展示
微信小程序拼团功能页面展示一.拼团功能拼团就是让消费者在优惠价格的吸引下,自发邀请好友组团,以优惠的价格购买商品的促销活动二.拼团功能的作用 1.与纯粹的购物相比,这种营销方式迎合了大多数用户的 ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...

微信小程序的拍照功能

微信小程序的拍照功能相关推荐

最新文章

热门文章