{T}

组件实战-Upload拖拽上传

学习目标

  • 理解并掌握 组件实战-Upload拖拽上传 的核心原理与工程实践

总结

今天我们实现了 Upload 组件。

首先用 express + multer 跑的服务端,创建 /upload 接口来接收文件。

然后在 Upload 组件里调用 axios,上传包含 file 的 FormData。

之后加上了 beforeUpload、onProgress、onSuccess、onChange 等回调函数。

最后又加上了 UploadList 来可视化展示上传文件的状态。

然后实现了 Dragger 组件,可以拖拽文件来上传。

这样,我们就实现了 Upload 组件。

继续阅读