Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上传几千个文件的最佳方式?_Javascript_Html_Twitter Bootstrap_Web - Fatal编程技术网

Javascript 上传几千个文件的最佳方式?

Javascript 上传几千个文件的最佳方式?,javascript,html,twitter-bootstrap,web,Javascript,Html,Twitter Bootstrap,Web,因此,我需要能够始终让用户一次上传3000到4000张图片。目前正在使用dropzonejs,它可以很好地处理1000-2000张左右的图像,但是比这更高,我开始有问题了。图像大小约为2MB,将客户端大小调整为约300KB,然后发送到服务器。调整服务器端的大小目前不是一个选项,所以我不确定还能做什么。有什么想法吗 编辑:好的,我们似乎已经找到了在添加大量文件时内存使用率如此高的问题的原因。这个问题似乎是由一些使用一些引导类的简单div语句引起的 每添加1000张照片(甚至在开始上传之前),内存就

因此,我需要能够始终让用户一次上传3000到4000张图片。目前正在使用dropzonejs,它可以很好地处理1000-2000张左右的图像,但是比这更高,我开始有问题了。图像大小约为2MB,将客户端大小调整为约300KB,然后发送到服务器。调整服务器端的大小目前不是一个选项,所以我不确定还能做什么。有什么想法吗

编辑:好的,我们似乎已经找到了在添加大量文件时内存使用率如此高的问题的原因。这个问题似乎是由一些使用一些引导类的简单div语句引起的

每添加1000张照片(甚至在开始上传之前),内存就会增加约400MB。下面是导致内存使用量大幅增加的原因:

<div>
    <div class="col-xs-6">
        <span class="name" data-dz-name></span>
    </div>
    <div class="col-xs-6">
        <span class="size" data-dz-size></span>
    </div>
</div>


如果我从div中删除bootstrap列类,那么每添加1000张照片,我只能获得大约3mb的增长。引导类可能会出现什么问题,导致内存使用量增加400MB…

服务器端在处理负载时是否存在问题?在任何一种情况下,服务器端的这些问题究竟是什么,似乎都不是一个选项。我确信通过网络发送8 Gig(2mb的4000个图像)的图像不会有任何改善。我不得不想象,在某个时刻,你会在浏览器内存消耗上达到严格的限制,除非你仔细确保所有东西都可以被垃圾收集。我有两个问题。1) 当它到达第2000张照片时,它开始发送没有数据的请求。我假设由于某种垃圾收集问题,客户端内存不足。2) 如果我试图一次添加约4000张照片,chrome将崩溃。我想这与html文件上传的工作方式有关,所有内容都是先加载到内存中的?因为这可能是内存管理问题,您能否发布有关如何调整图像大小并提交到服务器的代码?@jasonscript添加了更多信息。有什么想法吗?