Javascript 有没有办法减少选择2000左右所需的时间+;文件夹?仅选择文件大约需要4-5分钟

Javascript 有没有办法减少选择2000左右所需的时间+;文件夹?仅选择文件大约需要4-5分钟,javascript,reactjs,html,user-interface,Javascript,Reactjs,Html,User Interface,我正在构建一个UI功能,可以一次上传2000多张图片。 我在文件选择方面遇到问题。当我使用CMD A一次性选择2000多个图像时,它会开始显示浏览器忙指示灯,并且需要大约4-5分钟的时间 首先我想,这可能是因为渲染2000幅图像的预览可能需要时间。我把它拿走了,但还是什么也没发生。 然后,我还删除了我对文件类型和文件大小所做的验证。但还是没有运气。 所以我无法找出问题出在哪里 handleFileSelect = () => { if (this.file && t

我正在构建一个UI功能,可以一次上传2000多张图片。 我在文件选择方面遇到问题。当我使用CMD A一次性选择2000多个图像时,它会开始显示浏览器忙指示灯,并且需要大约4-5分钟的时间

首先我想,这可能是因为渲染2000幅图像的预览可能需要时间。我把它拿走了,但还是什么也没发生。 然后,我还删除了我对文件类型和文件大小所做的验证。但还是没有运气。 所以我无法找出问题出在哪里

handleFileSelect = () => {
    if (this.file && this.file.files.length > 0) {
      this.setState({
        fileSelected: true,
        progress: {},
        filesCount: this.file.files.length
      });
      // this.validateFiles();
    }
  };

<input
   id="fileUploadButton"
   className="default-file-button"
   ref={fileInput => {
     this.file = fileInput;
   }}
   type="file"
   accept={this.props.accept}
   multiple
   onChange={this.handleFileSelect}
   name="image"
/>
handleFileSelect=()=>{
如果(this.file&&this.file.files.length>0){
这是我的国家({
是的,
进展:{},
filescont:this.file.files.length
});
//这是validateFiles();
}
};
{
this.file=fileInput;
}}
type=“文件”
accept={this.props.accept}
倍数
onChange={this.handleFileSelect}
name=“image”
/>

所以,我只是想知道浏览器在选择了上千张图片后是否会出现卡住的行为。

不仅仅是图片,如果你要一次性选择2000个文件,那么obv将有一些负载。你是否尝试删除
onChange
处理程序?依我看,这看起来不像是一个
reactJS
相关的问题。@Rayon我试图删除它,但问题仍然存在。检查你的内存状态。我认为这些文件将作为二进制文件缓存在浏览器缓存中。我还删除了浏览器缓存和系统缓存。但是没有运气。另外,我注意到,这个问题只存在于我的系统中。我在其他类似的系统上测试了我的应用程序,速度非常快,只需几秒钟。不仅是图像,如果你要一次性选择2000个文件,那么obv将有一些负载。你是否尝试删除
onChange
处理程序?依我看,这看起来不像是一个
reactJS
相关的问题。@Rayon我试图删除它,但问题仍然存在。检查你的内存状态。我认为这些文件将作为二进制文件缓存在浏览器缓存中。我还删除了浏览器缓存和系统缓存。但是没有运气。另外,我注意到,这个问题只存在于我的系统中。我在其他类似的系统上测试了我的应用程序,速度非常快,只需几秒钟。