前端之家收集整理的这篇文章主要介绍了
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@今天遇到微信小程序的用户头像设置功能,做笔记.
@H_
301_0@先上gif:
<p style="text-align: center">

@H_
301_0@再上
代码:
@H_
301_0@小demo,
代码很简单.
@H_
301_0@
1.index.wxml
<div class="jb51code">
<pre class="brush:xhtml;">
<button style="margin:30rpx;" bindtap="chooseimage">获取图片
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/>
获取应用实例
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
})
}
})
}
})