javascript - 有什么方法可以减少选择大约 2000 多个文件所需的时间？仅选择文件大约需要 4-5 分钟

Question

我正在构建一个 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"
/>

所以，我只是想知道浏览器在选择一千多个图像后是否会卡住是已知的行为。

标签： javascriptreactjshtmluser-interface