微信小程序,弹框动态获取下拉列表选择+表单提交+上传阿里云

js

Page({
  /**
   * 页面的初始数据
   */
  data: {
    house:[],//房租户型
    i_name:0,//房租户型的默认下标
    wanted:[''],//表单
    urls:[''], //多图上传
  },

  //生命周期函数--监听页面加载
 //获取循环数据
onLoad: function (options) {
  wx.request({
    url: 'http://www.zhoukao.com/api/house_type',
    method: "GET",
    success: res => {
      console.log(res.data);
      //户型
    var house = res.data.data;
    console.log(house);
      //房源类型
    //将值传递给data内
    this.setData({
      house
    })
    }
  })
},

  //选择户型列表  下拉框取值  clickFamily
  clickFamily: function (e) {
    console.log(this.data.house);
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      i_name: e.detail.value
    })
  },

 //表单提交
 formSubmit(e) {
  this.setData({
    wanted:  e.detail.value
  })
  let wanted =this.data.wanted
  let urls=this.data.urls
  wx.request({
    url: 'http://www.zhoukao.com/api/AddShared',
    data: {
      wanted,
      urls
    },
    header: {
      'token': wx.getStorageSync('token')
    },
    method: "POST",
    success: res => {
      console.log(res);
      // this.setData({
      //   slideshow:res.data
      // })
    }
  })
},

 //| +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  //|阿里云多图片上传
  //| +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  //图片上传
  onChangeTap(evn) {
    //获取最新上传的所有图片临时路径
    let tempFilePaths = evn.detail.current;
    //定义一个空数组，进行存放上传图片url
    var urlArr = [];
    for (let index = 0; index < tempFilePaths.length; index++) {
      wx.uploadFile({
        url: 'http://www.zhoukao.com/api/wxupload',
        header: {
          'token': wx.getStorageSync('token')
        },
        filePath: tempFilePaths[index],
        name: 'file',
        success: res => {
          const data = JSON.parse(res.data);
          //do something
          urlArr.push(data.url)
          this.setData({
            urls: urlArr
          })
        }
      })
    }
  },
  
  //删除图片，处理数据
  removeImage(event) {
    //图片数组