如何使用blueimp文件上传插件只上传一次文件？

我正在使用bluimp jQuery-File-Upload-plugin 。 选择一些文件并上传它们没有问题，但是当我想在不刷新页面的情况下上传其他文件时，第一个文件会再次上传。 我的问题是如何在上传文件后“取消设置”文件。 这是我的源代码

使用Javascript：

$('#MappeFile').fileupload({ dataType : 'json', autoUpload : false, maxNumberOfFiles : undefined, maxFileSize : 6000000, minFileSize : undefined, acceptFileTypes : /.+$/i, url : "/ajax/UploadFile.php", add : function(e, data) { $("#testUploadButton").on("click", function() { $('#progress .bar').show(); if ($.browser.msie && parseInt($.browser.version, 10) < 10) { $('#progress .bar').css({ "background" : "url(images/progressbar.gif) no-repeat", "width" : "100%" }) } else { $('#progress .bar').css({ 'background-color' : "#2694E8", 'width' : '0%' }); } data.submit(); }) }, change : function(e, data) { $.each(data.files, function(index, file) { console.info('Selected file: ' + file.name); filesCount++; }); }, drop: function(e, data) { $.each(data.files, function(index, file) { console.info('Selected file: ' + file.name); filesCount++; }); }, done : function(e, data) { $.each(data.result, function(index, file) { vOutput = ""; vOutput += "" + file + ""; vOutput += ""; $("#MappeFileListe").append(vOutput); filesUploaded++; if (filesCount == filesUploaded) { filesUploaded = 0; filesCount=0; $('#progress .bar').hide(); } }); }, progressall : function(e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .bar').css('width', progress + '%'); } }); 

HTML：

Answer 1

我自己找到了答案 – 上传后取消绑定按钮的点击事件就足够了：

 add : function(e, data) { $("#testUploadButton").on("click", function() { $('#progress .bar').show(); if ($.browser.msie && parseInt($.browser.version, 10) < 10) { $('#progress .bar').css({ "background" : "url(images/progressbar.gif) no-repeat", "width" : "100%" }) } else { $('#progress .bar').css({ 'background-color' : "#2694E8", 'width' : '0%' }); } data.submit(); $("#testUploadButton").off("click") }) },