bml_travel_applets/pages/center/info/info.js

// pages/center/info/info.js
var Api = require('../../../utils/common.js');
var re = require('../../../utils/request.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    uploaderList: [], //logo
    showList: [],
    uploaderNum: 0,
    showUpload: true,
    userPhoto: '',
    nickname: '',
    phone: '',
    hasAva: false,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCenteruserInfo();
  },

  // 删除图片
  clearImg: function (e) {
    var nowList = []; //新数据
    var nowListshow = []; //新数据
    var uploaderList = this.data.uploaderList; //原数据
    var showList = this.data.showList; //原数据
    console.log(nowList);
    for (let i = 0; i < uploaderList.length; i++) {
      if (i == e.currentTarget.dataset.index) {
        continue;
      } else {
        nowList.push(uploaderList[i]);
        nowListshow.push(showList[i]);
      }
    }
    this.setData({
      uploaderNum: this.data.uploaderNum - 1,
      uploaderList: nowList,
      showUpload: true,
      showList: nowListshow
    })
  },

  //图片预览
  showImg: function (e) {
    var that = this;
    console.log();
    wx.previewImage({
      urls: that.data.uploaderList,
      // current: that.data.uploaderList[e.currentTarget.dataset.index]
    })

  },
  //上传图片
  upload: function (e) {
    var that = this;
    wx.chooseImage({
      count: 1 - that.data.uploaderNum, // 默认3
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        let tempFilePaths = res.tempFilePaths;
        let uploaderList = that.data.uploaderList.concat(tempFilePaths);
        console.log(tempFilePaths,uploaderList);
        if (uploaderList.length == 1) {
          that.setData({
            showUpload: false
          })
        }
        that.setData({
          uploaderList: uploaderList,
          uploaderNum: uploaderList.length,
        })
        console.log(Api.uploadImg());
        for (var i = 0; i < tempFilePaths.length; i++) {
          wx.uploadFile({
            url: Api.uploadImg(),
            filePath: res.tempFilePaths[i],
            name: 'file',
            formData: {},
            success: function (res) {
              var sss = JSON.parse(res.data);
              console.log(sss)
              let showList = that.data.showList.concat(sss.msg);

              console.log(showList);
              that.setData({
                showList: showList
              })
            }
          })
        }
      }
    })
  },
  removeold: function () {
    this.setData({
      hasAva: true
    })
  },
  nameInput: function (e) {
    var that = this;
    that.setData({
      nickname: e.detail.value
    })
  },
  phoneInput: function (e) {
    var that = this;
    that.setData({
      phone: e.detail.value
    })
  },
  getCenteruserInfo: function () {
    var that = this;
    var header = {
      token: wx.getStorageSync('token'),
      "Content-Type": "application/x-www-form-urlencoded"
    };
    re.request(Api.getCenteruserInfo(), '', header).then((res) => {
      let datas = res.data.data;
      console.log(datas);
      that.setData({
        userPhoto: datas.userPhoto,
        nickname: datas.nickname,
        phone: datas.phone
      })
    })
  },
  editCenteruserInfo: function () {
    var that = this;
    var header = {
      token: wx.getStorageSync('token'),
      "Content-Type": "application/x-www-form-urlencoded"
    };
    var postData = {
      userPhoto: that.data.hasAva ? that.data.showList[0] : that.data.userPhoto,
      nickname: that.data.nickname,
      phone: that.data.phone
    }
    console.log(postData);

    re.request(Api.editCenteruserInfo(), postData, header).then((res) => {
      wx.showToast({
        title: '提交成功,等待审核',
        icon: 'none',
        duration: 1000
      })
      wx.navigateBack({
        delta: 1
      })
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})