微信小程序实现图片上传

<view class="container">
 <button bindtap='chooseimagetap'>上传图片</button>
</view>

page({
 
 /**
  * 页面的初始数据
  */
 data: {
  imgs: [],//本地图片地址数组
  picpaths:[],//网络路径
 },
 
 /**
  * 生命周期函数--监听页面加载
  */
 onload: function (options) {
  
 },
 //添加上传图片
 chooseimagetap: function () {
  var that = this;
  wx.showactionsheet({
   itemlist: ['从相册中选择', '拍照'],
   itemcolor: "#00000",
   success: function (res) {
    if (!res.cancel) {
     if (res.tapindex == 0) {
      that.choosewximage('album')
     } else if (res.tapindex == 1) {
      that.choosewximage('camera')
     }
    }
   }
  })
 },
 // 图片本地路径
 choosewximage: function (type) {
  var that = this;
  var imgspaths = that.data.imgs;
  wx.chooseimage({
   sizetype: ['original', 'compressed'],
   sourcetype: [type],
   success: function (res) {
    console.log(res.tempfilepaths[0]);
    that.upimgs(res.tempfilepaths[0], 0) //调用上传方法
   }
  }) 
 },
 //上传服务器
 upimgs: function (imgurl, index) {
  var that = this;
  wx.uploadfile({
   url: 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxx',//
   filepath: imgurl,
   name: 'file',
   header: {
    'content-type': 'multipart/form-data'
   },
   formdata: null,
   success: function (res) {
    console.log(res) //接口返回网络路径
    var data = json.parse(res.data)
     that.data.picpaths.push(data['msg'])
     that.setdata({
      picpaths: that.data.picpaths
     })
     console.log(that.data.picpaths)
   }
  })
 },
 
})