小程序前端防止重复点击请求api的简陋方法

upload: function () {
    let that = this;
    let {uploadFlag} = that.data;
    if (that.data.uploadFlag) {
      return;
    }
    that.data.uploadFlag = true;

    //上传录制的音频
    wx.uploadFile({
      url: '',
      filePath: that.data.link,
      name: 'file',
      formData: {
        userInfo: that.data.userInfo,
        ...
      },
      header: {
        'content-type': 'multipart/form-data'
      },
      success: function (res) {
        console.log('dd',res.statusCode)
        if (res.statusCode === 200){
         //todo
        }else{
          that.data.uploadFlag = false;
        }
       
      },
      fail: function (err) {
        that.data.uploadFlag = false;
      }
    })
  },

以上就是一个upload函数中利用wx.uploadFile上传音频文件,就是设置个uploadFlag作为标记,通过状态的改变决定是否能请求api

posted @ 2018-04-10 14:39  doublealoe  阅读(1229)  评论(0)    收藏  举报