Blueimp fileuplad - 如何在上传前从队列中删除文件答案

【问题标题】：Blueimp fileuplad - how to remove a file from the queue before uploadBlueimp fileuplad - 如何在上传前从队列中删除文件
【发布时间】：2013-10-17 18:02:53
【问题描述】：

我正在使用 Blueimp 文件上传在我的项目中上传图片。加载图像后，我想为每个图像放置一个按钮，可以在上传之前按下该按钮以将其从上传队列中清除（如插件演示页面中的那个@http://blueimp.github.io/jQuery-File-Upload/）。我到处寻找，似乎找不到真正适合我的解决方案......这是我一直在使用的代码......

   $('#fileupload').fileupload({
    dataType: 'json',
    autoUpload: false,
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator.userAgent),
imageMaxWidth: 1000,
imageMaxHeight: 800,
    previewMaxWidth: 100,
    previewMaxHeight: 100,
    previewCrop: false
}).on('fileuploadadd', function (e, data) {
    //Add buttons for canceling individual images
$("#uploadBttn").click(function () {
                data.submit();
    });
}).on('fileuploadprocessalways', function (e, data) {
    var index = data.index, 
        file = data.files[index];
    if (file.preview) {
        $("#imgPreview").append(file.preview);
    }
}).on('fileuploadprogressall', function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .bar').css('width',progress + '%');
}).on('fileuploadstart', function (e) {
$("#uploadBttn").unbind().prop('disabled', true).text('Uploading...');
}).on('fileuploadstop', function (e) {
$("#uploadBttn").text('Done!');
});

【问题讨论】：

How to remove file from the queue to stop upload before upload starts in blueimp Basic?的可能重复
是的。我确实看到了这个问题，并为我的东西尝试了它。尽管这会从表中删除文件条目，但实际上并未将其从上传队列中删除。因此，当我单击上传按钮时，它最终会上传所有内容，包括我从表格中删除的内容。
还为每个文件添加一个按钮并在其上绑定提交。

标签： jquery file upload blueimp

【解决方案1】：

确保将文件的上下文设置为表格行，然后执行以下操作：

$("#uploadBttn").click(function () {
    if (data.context.is(":visible"))
        data.submit();
});

【讨论】：