Javascript 如何提高此文件读取器的响应能力?

Javascript 如何提高此文件读取器的响应能力?,javascript,memory,filereader,Javascript,Memory,Filereader,你知道我是如何改进我制作的这个文件阅读器的响应能力的吗 我创建了一个简单的动画来看看它是如何影响UI的,并且它实际上会在很大程度上阻塞UI 我甚至尝试过使用File.slice来分块读取文件,但它似乎只获得了少量的性能提升,而代价是加载文件的时间要长得多 这里有一把小提琴: 更新 通过使用递归函数代替for循环,我成功地按顺序加载了它们中的每一个,从而获得了更好的结果:您是否尝试设置这些递归调用的超时时间?对readBlob的调用有一个setTimeout。我添加了一个选项数组,因此可以轻松调整

你知道我是如何改进我制作的这个文件阅读器的响应能力的吗

我创建了一个简单的动画来看看它是如何影响UI的,并且它实际上会在很大程度上阻塞UI

我甚至尝试过使用File.slice来分块读取文件,但它似乎只获得了少量的性能提升,而代价是加载文件的时间要长得多

这里有一把小提琴:

更新


通过使用递归函数代替for循环,我成功地按顺序加载了它们中的每一个,从而获得了更好的结果:

您是否尝试设置这些递归调用的超时时间?对readBlob的调用有一个setTimeout。我添加了一个选项数组,因此可以轻松调整它。检查更新的小提琴是否有改进。