jQuery Blueimp fileupload 插件删除文件而不需要先检查复选框？答案

【问题标题】：jQuery Blueimp fileupload plugin delete files without requiring checking checkbox first?jQuery Blueimp fileupload 插件删除文件而不需要先检查复选框？
【发布时间】：2012-08-06 06:12:13
【问题描述】：

我不知道如何修改 jQuery Blueimp fileupload plugin jquery.fileupload-ui.js 以便删除按钮只删除文件而无需先选中复选框。

有人可以帮我弄清楚怎么做吗？

这里的 jquery.fileupload-ui.js 代码似乎需要某种修改：

 fileUploadButtonBar.find('.delete')
            .bind('click.' + ns, function (e) {
                e.preventDefault();
                filesList.find('.delete input:checked')
                    .siblings('button').click();
                fileUploadButtonBar.find('.toggle')
                    .prop('checked', false);
            });
        fileUploadButtonBar.find('.toggle')
            .bind('change.' + ns, function (e) {
                filesList.find('.delete input').prop(
                    'checked',
                    $(this).is(':checked')
                );
            });

【问题讨论】：

标签： javascript jquery file-upload onclick onchange

【解决方案1】：

我遇到了同样的问题，解决方案非常简单。

1.您必须从 html 中删除所有输入复选框。
2.为删除所有按钮添加一个类（我使用了deleteAll）。
3.每个删除按钮都有一个 class="delete" 所以..
4.当点击顶部的删除按钮时，为每一行激活该按钮。

//delete all photos when click top Delete all button
$('.deleteAll').click(function(){
  $('.delete').each(function(){
    $(this).click();
  });
});

【讨论】：

【解决方案2】：

好的，我解决了我自己的问题。解决方案是在渲染这些元素之前，在模板和 HTML 中将 checkboxes 属性设置为 checked="checked"。尝试使用 Javascript 单击按钮检查复选框对我不起作用，可能与调用堆栈有关。

无论如何，这是代码。在template-download 而不是这个：

<input type="checkbox" name="delete" value="1">

这样做：

<input type="checkbox" name="delete" value="1" checked="checked">

对于fileuploadBar 中删除按钮旁边的复选框，而不是这个：

<input type="checkbox" class="toggle">

这样做：

<input type="checkbox" class="toggle" checked="checked">

如果您这样做，则单击任何删除按钮都会删除文件（即一步而不是两步）。

【讨论】：