1

在使用jquery file upload 上传多个图像后，我正在尝试刷新我的上传页面。

我目前正在计算添加的文件数量，然后如果它们与成功上传的数量相匹配，那么我会刷新页面。在用户尝试上传无效的文件类型或太小的图像之前，这非常有效。我怎样才能将这些失败作为我的总数的一部分？有没有首选的方法来做到这一点？

    $('#fileupload').fileupload({
        acceptFileTypes: /(\.|\/)(jpe?g|png)$/i
    });

    var filesqueued = null; 
    var filesuploaded = 0;

    $('#fileupload').bind('fileuploadadd', function (e, data) {
        filesqueued = data.originalFiles.length;
    });


    $('#fileupload').bind('fileuploaddone', function (e, data) {
        filesuploaded = filesuploaded + 1;

        if (filesuploaded == filesqueued) {
            filesuploaded = 0;
            location.reload();
        }
    })
4

1 回答 1

3

您可以使用 jQuery 文件上传的内置事件来绑定成功和失败事件：

$('#fileupload').bind('fileuploadcompleted', function (e, data) {
    /* Successful upload */
        filesuploaded = filesuploaded + 1;
});

$('#fileupload').bind('fileuploadfailed', function (e, data) {
    /* Failed upload */
    // [...]
});

更多来自他们的文档：https ://github.com/blueimp/jQuery-File-Upload/wiki/Options

或者，您可以在服务器端执行所有操作。让您的上传处理程序（jQuery 文件上传url选项）响应：

<?php
if ( $valid == false ) {
    echo 'invalid';
    // or echo( json_encode( array( 'result' => 'invalid' ) ) );
}

然后回到 jQuery 中分析返回的数据：

$('#fileupload').bind('fileuploaddone', function (e, data) {
    /* Check returned data */
    // Could use JSON or simple text output
    // if ( data.result == 'invalid' ) {
    if ( data == 'invalid' ) {
        // file did not pass
    } else {
        // file uploaded fine
        filesuploaded = filesuploaded + 1;
    }

    if (filesuploaded == filesqueued) {
        filesuploaded = 0;
        location.reload();
    }
})
于 2012-07-23T00:28:55.610 回答