像一般的图片、视频、office 等文件，我们都可以实现在线预览功能，但始终不能覆盖全部，万一用户上传什么奇奇怪怪的文件。所以我们需要做好兜底处理，再无法预览时给用于一个提示。

文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！ 请求超时：当你设置了接口的超时时间为10s，那么上传大文件时，一个接口响应时间超过10s，那么便会被Faild掉。 网…

1. 实现文件上传功能 2. 展示上传文件信息列表 3. 实现拖拽上传 dragstart:事件主体是被拖放元素，在开始拖放被拖放元素时触发。 drag：事件主体是被拖放元素，在正在拖放被拖放元素时触发。 dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。 …

文件上传：文件上传其实很简答，但是比方说我们要上传1个G的文件或者2个G的文件件，你该怎么做？在文件比较大的时候，普通的上传方式可能会遇到以下。

ant-design的Upload组件提供了`prop:customRequest`，但是具体的使用方法并没有细说。 本文详细介绍`prop:customRequest`的功能与使用。

1.安装依赖 npm i -S spark-md5 2.对接 api（需后端接口支持） 3.封装切片上传的 mixin 4.使用