À propos de choisir une image dans l'applet WeChat pour sélectionner des images ou prendre des photos

Cet article présente principalement les informations pertinentes sur la sélection de photos ou la prise de photos avec l'applet WeChat ChooseImage. Les amis qui en ont besoin peuvent se référer à

Choisir des photos ou prendre des photos avec l'applet WeChat ChooseImage

1. Utilisez l'API wx.chooseImage(OBJECT)

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
     }
    })
  }

2. liaison avec le chemin de l'image Définir

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

Exception :

1. wx. ChooseImage appelle l'appareil photo ou l'album photo

　2. Liaison de données
　3. Modifier dynamiquement les fichiers dans js Path

 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
     }

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos du code de téléchargement d'avatars dans les mini-programmes WeChat

À propos des effets d'animation de WeChat Mise en œuvre des mini-programmes

Introduction à la sélection d'albums et à la prise de photos dans le mini-programme WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!