- 当上传文件时，可实现在界面上显示上传进度。
- 在poster组件中添加一个状态，命名为
imageUploadProgress，设置修改器setImageUploadProgress，状态类型为number或no，默认值为no。 - 修改组件中的
createFile函数，设置HTTP客户端的POST方法第三个参数为配置对象。 - 在配置对象中加入
onUploadProgress函数，该函数接收一个事件参数，提取事件中的loaded（已上传大小）和total（文件总大小）。 - 计算上传进度百分比，使用
Math.round((loaded * 100) / total)。 - 上传完成后，调用
setImageUploadProgress更新进度状态。 - 在图像预览下方，根据
imageUploadProgress的值判断，若非no，则显示上传进度百分比。 - 可通过开发者工具的网络选项卡测试功能，限制网络速度为高速3G，选择文件并上传，以查看进度显示。