javascript - Web 浏览器 (Chromium/Firefox) 在文件对话框后 1-2 秒内无响应
问题描述
从文件对话框中选择文件并单击确定后,如何改进此代码以消除不响应/页面滞后?
我一直在测试大小约为 50-100 KB 的文件
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// files is a FileList of File objects. List some properties.
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</li>');
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
我在 localhost 上运行这个页面,我正在使用 SSD
谢谢
解决方案
推荐阅读
- javascript - JavaScript code copied from code pen giving error
- python - Using python and pandas I need to paginate the results from a sql query in sets of 24 rows into a plotly table . How do I do this?
- apache-spark - Spark to optimize away left join if nothing is selected from the right
- python - Numba for SciPy Integration and Interpolation
- python - 熊猫枢轴值被合并
- angular - 从指令中设置 ngIf 的 Angular 指令
- firebase - Is there a way to monitor which button the user clicks when using Firebase in-app messaging?
- python - trying to read every number in a text file python
- r - r - how do I print ggplot objects from a nested tibble in a reactable with expandable rows?
- python - 使用条件python发送密钥