Question

我正在使用Blueimp fileupload在我的项目中上传图像。在我加载图像之后，我想为每个图像放置一个按钮，在上传之前可以按下该按钮从上传队列中清除它（就像插件的演示页面@ 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!');
});

Answer 1

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

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

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

1 个答案: