微信小程序如何获取相册照片

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

微信小程序 获取相册照片

先上gif:

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 说明:

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

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

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

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

以上就是微信小程序如何获取相册照片的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:微信小程序promsie.all和promise的顺序执行

相关资讯