>  기사  >  위챗 애플릿  >  WeChat 애플릿을 통해 앨범 사진을 얻는 예에 대한 자세한 설명

WeChat 애플릿을 통해 앨범 사진을 얻는 예에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-04-01 15:53:522472검색

This article mainly introduces the relevant information on the detailed explanation of the WeChat applet to obtain album photos. Friends who need it can refer to

WeChat applet to obtain album photos

Today I encountered the user avatar setting function of the WeChat applet and took notes.

First upload the gif:

Then 코드 추가:

작은 데모, 코드는 매우 간단합니다.

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: &#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 
    }) 
   } 
  }) 
 } 
})

API 설명:

Note here: What is returned is the local path of the image. If you need to upload the image to the server, you need to use another API.

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

Thank you for reading, I hope it can help everyone, thank you everyone for supporting this site!

위 내용은 WeChat 애플릿을 통해 앨범 사진을 얻는 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.