WeChat développe les fonctions d'appareil photo pour prendre des photos et télécharger des photos localement

Cet article présente principalement les informations pertinentes sur le développement de l'applet WeChat pour obtenir des photos de l'album photo, en utilisant l'appareil photo pour prendre des photos et télécharger des photos locales. A une très bonne valeur de référence. Jetons un coup d'œil avec l'éditeur ci-dessous

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 :

Plus de 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"/>

2.index.js

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

Description de l'API :

Ici, nous parlons de sourcetype. La valeur par défaut est de L'obtention de l'album et l'utilisation de l'appareil photo pour prendre des photos sont les mêmes que l'interface de sélection d'images actuelle de WeChat. Le premier cadre est destiné à prendre des photos, et le suivant est destiné aux photos de l'album

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

Exemple de code :

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

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!