Skip to main content
 首页 » 编程设计

jQuery 文件上传 blueimpl 浏览器卡住

2026年09月08日2lori

我使用 Jquery File Upload bluempl 来上传文件。 当我使用此插件上传大量文件(例如 6000 个文件)时,浏览器会挂起并卡住多次,尽管在访问服务器/文件中的文件夹时我可以看到文件已上传。 您能告诉我可以使用哪种优化或参数来上传许多文件而不会导致浏览器卡住吗? 我使用示例文件的 basic.hml 中的示例:

$(function () { 
    'use strict'; 
    // Change this to the location of your server-side upload handler: 
    var url = window.location.hostname === 'blueimp.github.io' ? 
                '//jquery-file-upload.appspot.com/' : 'server/php/'; 
    $('#fileupload').fileupload({ 
        url: url, 
        dataType: 'json', 
        done: function (e, data) { 
            $.each(data.result.files, function (index, file) { 
                $('<p/>').text(file.name).appendTo('#files'); 
            }); 
        }, 
        progressall: function (e, data) { 
            var progress = parseInt(data.loaded / data.total * 100, 10); 
            $('#progress .progress-bar').css( 
                'width', 
                progress + '%' 
            ); 
        } 
    }).prop('disabled', !$.support.fileInput) 
        .parent().addClass($.support.fileInput ? undefined : 'disabled'); 
}); 

提前致谢。

请您参考如下方法:

看起来同步上传是blueimp中的默认设置。

浏览器卡住通常与同步而不是异步 JavaScript 请求有关。

Blueimp 描述如何异步上传: https://github.com/blueimp/jQuery-File-Upload/wiki/Submit-files-asynchronously

更新

  1. 好的,上一页描述的 add 方法只是在将文件添加到队列时调用

  2. options documentation包含参数 sequentialUploads 和 limitConcurrentUploads,请尝试使用它们或其中之一。