Heim > WeChat-Applet > Mini-Programmentwicklung > So erhalten Sie Albumfotos vom WeChat-Applet

So erhalten Sie Albumfotos vom WeChat-Applet

不言
Freigeben: 2018-06-27 14:10:10
Original
7289 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erklärung des WeChat-Applets zum Abrufen von Albumfotos vorgestellt. Freunde, die es benötigen, können sich auf

WeChat-Applet zum Abrufen von Albumfotos

Heute bin ich auf die Benutzer-Avatar-Einstellungsfunktion des WeChat-Applets gestoßen und habe mir Notizen gemacht


Laden Sie zuerst das GIF hoch:

Dann Fügen Sie den Code hinzu:


Kleine Demo, der Code ist sehr einfach.


1.index.wxml

<!--index.wxml--> 
<button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> 
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/>
Nach dem Login kopieren

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 
    }) 
   } 
  }) 
 } 
})
Nach dem Login kopieren

API-Beschreibung:

Hinweis hier: Was zurückgegeben wird, ist der lokale Pfad des Bildes. Wenn Sie das Bild auf den Server hochladen müssen, müssen Sie eine andere API verwenden


Beispielcode:


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 
   } 
  }) 
 } 
})
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium hilfreich sein Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Informationen zur Auswahl von Bild zum Auswählen von Bildern oder zum Aufnehmen von Bildern im WeChat-Miniprogramm


Auswählen von Fotoalben in das WeChat-Miniprogramm und Einführung in das Fotografieren


Das obige ist der detaillierte Inhalt vonSo erhalten Sie Albumfotos vom WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage