jQuery文件上传 - 完成上传

时间:2015-08-21 10:21:49

标签: jquery jquery-file-upload

我有非常简单的jQuery文件上传应用程序。使用默认布局。

$('#fileupload').fileupload({
    autoUpload: true,
    done: function (e, data) {
        $.each(data.files, function (index, file) {
            $('<p/>').text(file.name).appendTo(document.body);
        });
    }
});

.done()运行正常,但文件没有消失(不会将模板更改为template-download模板)。 enter image description here

无论我上传了多少个文件。全局进度条(在按钮[+添加文件]和文件列表之间)消失,但每个文件的进度条保持不变。

从服务器响应为json:

{"files":[{"name":"uploads\/images\/2015\/08\/4638188810_2a2dc4772b-f8acf8a5ab523d285b0475e73bea21b9203e5058
.jpeg"}]}

怎么了?

更新

我刚解决了这个问题。 要监听done()事件,您无法将该函数添加到主fileupload()init函数中。使用事件监听器;)

解决方案:

$('#fileupload').fileupload({
    autoUpload: true
});

$('#fileupload')
    .bind('fileuploaddone', function (e, data) {
        $.each(data.files, function (index, file) {
            $('<p/>').text(file.name).appendTo(document.body);
        });
    })
;

0 个答案:

没有答案