微信小程序chooseImage(从本地相册选择图片或使用相机拍照)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39702981/article/details/84579628

**微信小程序chooseImage(从本地相册选择图片或使用相机拍照)**
一、使用API wx.chooseImage(OBJECT)
.js
    var util = require('../../utils/util.js')
    Page({
        data:{
            src:"../image/pic4.jpg"
        },
        gotoShow: function(){var _this = this
            wx.chooseImage({
              count: 9, // 最多可以选择的图片张数,默认9
              sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
              sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
              success: function(res){
                // success
                console.log(res)
                _this.setData({
                    src:res.tempFilePaths
                })
              },
              fail: function() {
                // fail
              },
              complete: function() {
                // complete
              }
            })
        }

二、图片路径进行数据绑定
.wxml

<view class="container">
  <view>
    <button type="default" bindtap="gotoShow" >点击上传照片</button> 
  </view>
  <view>
    <image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
  </view>
</view>

猜你喜欢

转载自blog.csdn.net/qq_39702981/article/details/84579628