Maison >Applet WeChat >Développement de mini-programmes >À propos de choisir une image dans l'applet WeChat pour sélectionner des images ou prendre des photos

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

不言
不言original
2018-06-26 17:37:054196parcourir

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. e543d40f95dbec82aa73a6bfd18187b1f8e950ebc6c1ea27f76cf997b9216fe6 Liaison de données
 3. Modifier dynamiquement les fichiers dans js Path

 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
     }

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn