组件实战-Upload拖拽上传
学习目标
- 理解并掌握 组件实战-Upload拖拽上传 的核心原理与工程实践
总结
今天我们实现了 Upload 组件。
首先用 express + multer 跑的服务端,创建 /upload 接口来接收文件。
然后在 Upload 组件里调用 axios,上传包含 file 的 FormData。
之后加上了 beforeUpload、onProgress、onSuccess、onChange 等回调函数。
最后又加上了 UploadList 来可视化展示上传文件的状态。
然后实现了 Dragger 组件,可以拖拽文件来上传。
这样,我们就实现了 Upload 组件。