微信小程序中如何实现chooseImage选择图片或者拍照

这篇文章将为大家详细讲解有关微信小程序中如何实现chooseImage选择图片或者拍照，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

微信小程序 chooseImage选择图片或者拍照

一、使用API wx.chooseImage(OBJECT)

var util = require(&＃39;../../utils/util.js&＃39;)
Page({
  data:{
    src:"../image/pic4.jpg"
  },
  gotoShow: function(){var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数，默认9
     sizeType: [&＃39;original&＃39;, &＃39;compressed&＃39;], // original 原图，compressed 压缩图，默认二者都有
     sourceType: [&＃39;album&＃39;, &＃39;camera&＃39;], // album 从相册选图，camera 使用相机，默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }
    })
  }

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

 
  点击上传照片 
 
 
  
 

号外：

　　1、wx.chooseImage 调用相机或相册
　　2、 数据绑定
　　3、js中动态修改文件路径

 var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数，默认9
     sizeType: [&＃39;original&＃39;, &＃39;compressed&＃39;], // original 原图，compressed 压缩图，默认二者都有
     sourceType: [&＃39;album&＃39;, &＃39;camera&＃39;], // album 从相册选图，camera 使用相机，默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }

关于“微信小程序中如何实现chooseImage选择图片或者拍照”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。