今天遇到个问题,layUi upload单文件上传,选择两个不同文件时,第二次点击上传按钮还没选择上传,会把第一次上传的文件再上传一次 。在网上查到了答案,记录一下
//单个上传
upload.render({
elem: '#singleUpload'
, url: 'UploadFile'
, accept: 'file'
, data: { "ImageCategory": 3 }
, choose: function (obj) {
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
console.log(files);
//读取本地文件
obj.preview(function (index, file, result) {
console.log(file.Name);
});
}
, done: function (res, index) {
if (res.res == "success") { //上传成功
$("#txtPicturePath").val(res.filePath);
layer.msg("上传成功");
//删除数组文件中上传成功的图片,防止重复上传(重点)
delete this.files[index]
}
}
, error: function (index, upload) {
layer.msg("上传失败,请重新选择图片!");
}
});