jQuery FileUpload不会触发'done'

Question

我使用jQuery-File-Upload插件.我写了一个简单的代码来测试它 - 它可以工作,但并非没有问题.done即使文件已上传且进度条已到达结束,它也不会触发.

这是代码:

$('#file_file').fileupload({
    dataType: 'json',
    autoUpload: true,
    add: function (e, data) {
        data.context = $('<p/>').text('Uploading...').appendTo(document.body);
        data.submit();
    },
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
    },
    done: function (e, data) {
        alert('Done');
    }
});

我的输入很简单:

<input type="file" id="file_file" name="file[file]" />

Answer 1

如果您的服务器没有返回JSON,请尝试删除:

dataType: 'json'

否则,您可能会遇到一个容易测试的失败事件:

fail: function(e, data) {
  alert('Fail!');
}

Answer 2

我换了几件事就行了.这里:

$('#file_file').fileupload({
    autoUpload: true,
    add: function (e, data) {
        $('body').append('<p class="upl">Uploading...</p>')
        data.submit();
    },
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
    },
    done: function (e, data) {
        $('.upl').remove();
        $.each(data.files, function (index, file) {
            /**/
        });
    }
});

Answer 3

我使用autoUpload修复:true,看起来当未设置autoUpload属性时(即使上传工作正常),也不会触发done事件.