全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[seo网站营销公司忠魁互联]微信小程序如何获取相册照片

  这篇文章主要介绍了微信小程序 获取相册照片实例详解的相关资料,需要的朋友可以参考下

  微信小程序 获取相册照片

  今天遇到微信小程序的用户头像设置功能,做笔记▽-.
 

  先上gif:

  再上代码●-:
 

  小demo,代码很简单.
 

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

 

  API 说明:

  这里注意:返回的是图片在本地的路径◇●◁.如果需要将图片上传到服务器,需要用到另一个API.
 

  示例代码:
 

  

 

  

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

 

  以上就是本文的全部内容,希望对大家的学习有所帮助,[seo网站营销公司忠魁互联]更多相关内容请关注PHP中文网•○◇●!凭祥市小程序制作公司

  相关推荐:

  关于微信小程序中chooseImage选择图片或者拍照
 

  微信小程序中相册选择和拍照的介绍
 

  

 

  以上就是微信小程序如何获取相册照片的详细内容,更多请关注久澳传媒编程栏目其它相关文章!汕头市小程序制作公司20 2020.10 [seo推广公司如何收费标准]技术解答—app微信小程序中的页面跳转 微信 小程序页面跳转失败的原因可能是=◇-◁: 1:检查你跳转的地址是否有误; 2☆◆:检查你要跳转的地址是否在app.js中注册过; 3:当你跳转的地址位于TabBar中时,要使用wx.switch

[seo网站营销公司忠魁互联]微信小程序如何获取相册照片

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。