微信小程序选择照片（支持拍照）、获取图片信息、预览图片、保存图片到相册
- 3,474
微信小程序图片操作wxml：
<button bindtap="choose">选择图片</button>
<button bindtap="getInfo">获取图片信息</button>
<button bindtap="preview">预览图片</button>
<button bindtap="save">保存图片到相册</button>
<!-- 展示上传成功的图片 -->
<image src="{{loadSrc}}"></image>微信小程序图片操作JS：
Page({
/**
* 页面的初始数据
*/
data: {
loadSrc:''
},
// 保存图片
save(){
var that=this;
wx.saveImageToPhotosAlbum({
filePath:that.data.loadSrc,
success(res){
console.log('save success!!!');
}
})
},
// 预览图片
preview(){
var that=this
wx.previewImage({
urls:[that.data.loadSrc],
showmenu:true
})
},
// getImageInfo
getInfo(){
var that=this;
wx.getImageInfo({
src:that.data.loadSrc,
success(res){
console.log(res,'ressuccess');
}
})
},
// 选择图片
choose(){
var that=this
wx.chooseMedia({
success(res){
that.setData({
loadSrc:res.tempFiles[0].tempFilePath
})
},
fail(res){
},
complete(res){
}
})
},
})声明：博客中如无特殊说明或标注的文章均为博客原创文章，部分文章来源互联网，如有侵犯您的版权，或者对零分博客发布的文章有异议，请来信告知删除、修改，如您有好的建议或者意见也可以来信，谢谢！
请TA喝杯水^_^
如本文“对您有用”，欢迎随意打赏，让我们坚持创作！
请TA喝水![]()
