使用progress元素来显示文件的读取进度

原创
2017/07/23 21:52
阅读数 324

使用progress元素来显示文件的读取进度

使用progress元素来显示文件的读取进度

FileReader在读取文件的过程中可能多次触发onprogress事件,通过该事件绑定监听器即可实时监控文件的读取进度。

上面代码使用了<progress.../>元素来显示文件的读取进度。

在上面代码中FileReader的onprogress事件指定了事件监听器,在文件上传过程中,FileReader会多次触发onprogress事件监听函数,在该函数中程序修改了<progress.../>元素的value属性,这样即可让<progress.../>元素实时显示文件的上传进度。

在浏览器页面,选择文件后,点击“读取二进制文件”按钮,可以看到上传进度条。

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部