微信小程序相机功能

<form action="" bindsubmit="submit">
<input type="text" placeholder="账号"name="user"/>
<input type="text"placeholder="密码"name="psd"/>
<button form-type="submit">登录</button>
<button form-type="submit">重置</button>
</form>
 <map name=""></map>
 <text bindtap="cilck">aaa</text>
<button bindtap="yanzheng">验证码</button>
<view>{{second}}</view>
<view bindtap="cilck2">bbbb</view>
<image mode="aspectFit" src="{{img}}"style="width: 100%; height: 300px;"></image>
<image mode="aspectFit" src="{{img}}"></image>
<camera device-position="front" flash="on" binderror="error" style="width: 100%; height: 300px;" hidden="{{hidden}}"> </camera> 
<button type="front" bindtap="takePhoto" hidden="{{hidden}}">拍照</button>
<button bindtap="photo"> 上传拍照</button>

// pages/index4/index4.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    second: "",
    img: "",
    hidden: true
  },
  photo: function () {
    var that = this
    wx.showModal({
      title: '多多',
      content: '请选择',
      cancelText: "自拍",
      confirmText: "图片",
      success(res) {
        if (res.confirm) {
          wx.chooseImage({
            count: 1,
            sizeType: ['original'],
            sourceType: ['camera'],
            success(res) {
              console.log(res)
              // tempFilePath可以作为img标签的src属性显示图片
              var tempFilePaths = res.tempFilePaths[0]
              console.log(tempFilePaths)
              that.setData({
                img: tempFilePaths
              })
            }
          })
        } else if (res.cancel) {

          var ctx = wx.createCameraContext()
          ctx.takePhoto({
            quality: 'high',
            success: (res) => {
              that.setData({
                hidden: false,
                img: res.tempImagePath
              })

            }
          })

        }
      }
    })

  },

  takePhoto() {
    var ctx = wx.createCameraContext()
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        this.setData({
          img: res.tempImagePath
        })
      }
    })
  },
  error(e) {
    console.log(e.detail)
  },
  submit: function (e) {
    console.log(e)
    var user = e.detail.value.user
    var psd = e.detail.value.psd
    console.log(user)
    wx.navigateTo({
      url: '../index5/index5?zhanghao=' + user + '&mima=' + psd,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  timer: function () {
    console.log("timeraa")
  },
  getAddress: function () {
    wx.getLocation({
      altitude: 'altitude',
    })
  },
  click2: function () {
    wx.getSetting({

      success: function (res) {
        console.log(res)
        console.log(res.authSetting["scope.uesrLocation"])
      }
    })

  },

  yanzheng: function (e) {
    var con = 0
    var dao = setInterval(() => {
      console.log(e)