使用jquery fileupload Basic Plus删除上传的文件

时间:2014-05-18 05:11:41

标签: jquery jquery-file-upload blueimp

我正在使用jQuery File Upload basic plus,它很适合上传 http://blueimp.github.io/jQuery-File-Upload/basic-plus.html

使用上传按钮上传成功后,我希望能够使用删除按钮删除上传。我无法弄清楚如何使删除按钮工作。这是制作上传按钮的代码。

uploadButton = $('<button/>')
        .addClass('btn btn-primary')
        .prop('disabled', true)
        .text('Processing...')
        .on('click', function () {
            var $this = $(this),
                data = $this.data();
            $this
                .off('click')
                .text('Abort')
                .on('click', function () {
                    $this.remove();
                    data.abort();
                });
            data.submit().always(function () {
                $this.remove();
            });
        });

这是上传按钮放在HTML

中的位置
 }).on('fileuploadadd', function (e, data) {
    data.context = $('<div/>').appendTo('#files');
    $.each(data.files, function (index, file) {
        var node = $('<p/>')
                .append($('<span/>').text(file.name));
        if (!index) {
            node
                .append('<br>')
                .append(uploadButton.clone(true).data(data));
        }
        node.appendTo(data.context);
    });

我不确定上传按钮代码是如何工作的,也可以将删除按钮放在那里。

0 个答案:

没有答案