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

时间:2023-03-09 06:09:09
小程序前端防止重复点击请求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