Javascript 有没有办法减少选择2000左右所需的时间+;文件夹?仅选择文件大约需要4-5分钟
我正在构建一个UI功能,可以一次上传2000多张图片。 我在文件选择方面遇到问题。当我使用CMD A一次性选择2000多个图像时,它会开始显示浏览器忙指示灯,并且需要大约4-5分钟的时间 首先我想,这可能是因为渲染2000幅图像的预览可能需要时间。我把它拿走了,但还是什么也没发生。 然后,我还删除了我对文件类型和文件大小所做的验证。但还是没有运气。 所以我无法找出问题出在哪里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
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我试图删除它,但问题仍然存在。检查你的内存状态。我认为这些文件将作为二进制文件缓存在浏览器缓存中。我还删除了浏览器缓存和系统缓存。但是没有运气。另外,我注意到,这个问题只存在于我的系统中。我在其他类似的系统上测试了我的应用程序,速度非常快,只需几秒钟。