首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery FileUpload没有触发“done”

jQuery FileUpload没有触发“done”
EN

Stack Overflow用户
提问于 2013-02-04 01:13:49
回答 4查看 35.5K关注 0票数 21

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

代码如下:

代码语言:javascript
复制
$('#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');
    }
});

我的输入就是这么简单:

代码语言:javascript
复制
<input type="file" id="file_file" name="file[file]" />
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-02-04 02:06:40

我改变了一些东西,它起作用了。这里:

代码语言:javascript
复制
$('#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) {
            /**/
        });
    }
});
票数 10
EN

Stack Overflow用户

发布于 2013-08-10 06:34:27

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

代码语言:javascript
复制
dataType: 'json'

否则,您可能会以失败事件结束,这很容易测试:

代码语言:javascript
复制
fail: function(e, data) {
  alert('Fail!');
}
票数 30
EN

Stack Overflow用户

发布于 2016-06-19 01:40:57

尝试文档中所述的this Callback Option

代码语言:javascript
复制
$('#fileupload').bind('fileuploaddone', function (e, data) {
    alert('Done');
});

这对我来说肯定很有效。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14674999

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档