jQuery、blueimp 文件上传：清除表单仅在点击时有效答案

【问题标题】：jQuery, blueimp file upload: clear form only works onclickjQuery、blueimp 文件上传：清除表单仅在点击时有效
【发布时间】：2013-04-03 09:11:47
【问题描述】：

我正在使用 blueimp 文件上传插件，到目前为止一切正常。我已经将此插件实现到我自己的表单中，通过 ajax 提交，这也很好用。

现在的问题：提交成功后，我回到表单，所有输入字段都被清除了，除了文件上传列表。

这个解决方案应该可以工作，当我在 onclick 函数中使用时它可以工作：

https://github.com/blueimp/jQuery-File-Upload/issues/1631

但我不想使用单独的清除按钮，我想在提交成功后清除表单+文件列表，所以顺理成章，我写了这段代码：

 success: function(response) {
  // on success
  if (response.success === 1) {
    $('#fileupload table tbody tr.template-download').remove();

但这不起作用，即使我只是将行放在顶部，在 document.ready 下方（很清楚 onload）。

为什么这只对点击有效？我错过了什么吗？有什么建议吗？

提前感谢您的帮助

【问题讨论】：

标签： jquery forms upload

【解决方案1】：

尝试调用这个，这对我有用

$("#fileupload").find(".files").empty();

【讨论】：

【解决方案2】：

之前发布的任何解决方案都不适合我。但是解开上传按钮就可以了。

progressall: function (e, data) {
  var progress = parseInt(data.loaded / data.total * 100, 10);
  if(progress==100)
    {  
      $('#btnUploadAll').unbind('click');
    }
}

【讨论】：

这对我也有用，我想这是因为我们将 data.submit() 绑定到上传按钮的点击处理程序，对@Ray？

【解决方案3】：

您是否尝试过完成（而不是成功）：

 $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
                 $('#fileupload table tbody tr.template-download').remove();
            }
        });

【讨论】：

【解决方案4】：

看看选项“replaceFileInput”。我遇到了同样的问题，在将这个值为“false”的选项添加到 jquery 文件上传插件后，它对我有用。

看来jquery文件上传在这一点上有点棘手，在后台替换输入字段的过程中，重要的事件注册会丢失。

不知道是错误还是功能。 :)

问候

乌多

【讨论】：