Maison > Applet WeChat > Développement de mini-programmes > Comment obtenir des photos d'album à partir de l'applet WeChat

Comment obtenir des photos d'album à partir de l'applet WeChat

不言
Libérer: 2018-06-27 14:10:10
original
7292 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur l'explication détaillée de l'applet WeChat pour obtenir des photos d'album. Les amis qui en ont besoin peuvent se référer à

Applet WeChat pour obtenir des photos d'album

Aujourd'hui, j'ai rencontré la fonction de configuration de l'avatar de l'utilisateur de l'applet WeChat et j'ai pris des notes


Téléchargez d'abord le gif :

Ensuite. ajoutez le code :


Petite démo, le code est très simple.


1.index.wxml

<!--index.wxml--> 
<button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> 
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/>
Copier après la connexion

2.index.js

//index.js 
//获取应用实例 
var app = getApp() 
Page({ 
 data: { 
  tempFilePaths: &#39;&#39; 
 }, 
 onLoad: function () { 
 }, 
 chooseimage: function () { 
  var _this = this; 
  wx.chooseImage({ 
   count: 1, // 默认9 
   sizeType: [&#39;original&#39;, &#39;compressed&#39;], // 可以指定是原图还是压缩图,默认二者都有 
   sourceType: [&#39;album&#39;, &#39;camera&#39;], // 可以指定来源是相册还是相机,默认二者都有 
   success: function (res) { 
    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 
    _this.setData({ 
     tempFilePaths:res.tempFilePaths 
    }) 
   } 
  }) 
 } 
})
Copier après la connexion

Description de l'API :

Remarque ici : ce qui est renvoyé est le chemin local de l'image. Si vous devez télécharger l'image sur le serveur, vous devez utiliser une autre API. .


Exemple de code :


wx.chooseImage({ 
 success: function(res) { 
  var tempFilePaths = res.tempFilePaths 
  wx.uploadFile({ 
   url: &#39;http://example.weixin.qq.com/upload&#39;, //仅为示例,非真实的接口地址 
   filePath: tempFilePaths[0], 
   name: &#39;file&#39;, 
   formData:{ 
    &#39;user&#39;: &#39;test&#39; 
   }, 
   success: function(res){ 
    var data = res.data 
    //do something 
   } 
  }) 
 } 
})
Copier après la connexion

Ce qui précède représente l'intégralité du contenu de cet article, je l'espère. sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos du choix d'une image pour sélectionner des photos ou prendre des photos dans le mini-programme WeChat

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal