上传前如何取消所选文件?

时间:2018-09-05 02:30:41

标签: jquery jquery-plugins jquery-file-upload

如何取消所选文件?在上传之前?在上传之前取消。不在上传过程中。

我的代码:

$('#cancelBtn').click(function (e) {
                     data.abort();
  });

单击开始上传后,仍将上传已取消的文件。

    <input id="uploadImg" style="display: none" type="file" name="files[]">
    <button type="button" id="check_file" class="btn btn-primary">Select Files</button> 
    <button type="button" id="upload_file_start" class="btn btn-success">Start upload</button> 
    <button type="button" id="cancelBtn" class="btn btn-default CancelButton">cancel</button>

js(jquery)

$(function() {
    $("#check_file").on("click", function() {
        $("#uploadImg").click();
    });
    $('#uploadImg').fileupload({
        url: url,
        dataType: 'json',
        autoUpload: false,
        sequentialUploads: true,
        maxNumberOfFiles: 1,
        done: function(e, data) {
            $('#files').append('Success!');
        },
    }).on("fileuploadadd", function(e, data) {
        $('#upload_file_start').click(function() {
            jqXHR = data.submit();
        });
        $('#cancelBtn').click(function(e) {
            jqXHR.abort();
        });
    })
});

0 个答案:

没有答案