中等
技术面试0 次浏览

在微博的动态发布页面,用户可以上传图片和视频,如何实现上传进度的实时显示?

微博前端工程师
文件上传进度显示

答题要点

使用 STAR 法则。S:微博动态发布页面上传图片和视频;T:实现上传进度实时显示;A:利用 XMLHttpRequest 的 progress 事件监听上传进度;R:实时显示上传进度。关键要点:1. 事件监听:监听 XMLHttpRequest 的 progress 事件。2. 进度计算:根据事件返回的信息计算上传进度。3. 界面更新:将计算得到的进度更新到界面上。示例思路:“在微博动态发布页面,为了实现上传进度实时显示,我会使用 XMLHttpRequest 发送文件上传请求,监听其 progress 事件,根据事件返回的已上传字节数和总字节数计算上传进度,然后将进度更新到界面上的进度条中。”