介绍 & lt; !——index.wxml祝辞,
& lt; button 风格=氨Ｖそ?30 rpx;“, bindtap=癱hooseimage"在获取图片& lt;/button>,
https://www.yisu.com/zixun/& lt; image src=" {{tempFilePaths}} "模式=风格=癮specFill宽度:100%;身高:450 rpx "/> //index.js //获取应用实例,
var app =, getApp (),
页面({,
数据:,{大敌;
tempFilePaths才能:& # 39;& # 39;,
},大敌;
,onLoad: function (), {,
},大敌;
,chooseimage: function (), {,
var 才能;_this =,,,
,wx.chooseImage({大敌;
,,,数:1,,//,默认9,
,,,sizeType:[& # 39;原始# 39;,,& # 39;压缩# 39;],,//,可以指定是原图还是压缩图,默认二者都有,
,,,sourceType:[& # 39;专辑# 39;,,& # 39;相机# 39;],,//,可以指定来源是相册还是相机,默认二者都有,
,,,成功:function (res), {,
,,,//,返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片,
,,,_this.setData ({,
,,,,tempFilePaths: res.tempFilePaths
,,,}),
,,},
}),才能
}大敌;
}) wx.chooseImage ({,
,成功:函数(res), {,
var 才能;tempFilePaths =, res.tempFilePaths
,wx.uploadFile({大敌;
,,,url: & # 39; http://example.weixin.qq.com/upload& # 39;,,//仅为示例,非真实的接口地址,
,,,filePath: tempFilePaths [0],,
,,,的名字:& # 39;文件# 39;,,
,,formData: {,
,,,& # 39;用户# 39;:,& # 39;测试# 39;,
,,,},
,,,成功:函数(res) {,
,,,var data =, res.data
,,,//do something
,,},
}),才能
}大敌;
})
这篇文章给大家分享的是有关小程序获取相册照片的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
<强>微信小程序获取相册照片
今天遇到微信小程序的用户头像设置功能,做笔记。
先上gif:
再上代码:
小演示,代码很简单。
<强> 1.指数。wxml
<强> 2.指数。js
API说明:
这里注意:返回的是图片在本地的路径。如果需要将图片上传到服务器,需要用到另一个API。
示例代码:
感谢各位的阅读!关于小程序获取相册照片的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
