来看看Upload的钩子们和http-request自定义上传行为

前 言：vue使用element UI项目中经常有文件上传、批量导入等需求，那我们自然会使用Upload组件，其Attribute提供的on-success、on-error等钩子基本能完成大部分需求，有额外需求的则可以使用http-request自定义上传去覆盖默认上传行为。

                                           Let's 一起 see see～

常用参数：

	说明	备注
action	上传的地址	必填！常填写后台接口
before-upload	上传文件前的钩子	参数为上传的文件，特点是若返回 false 或者返回 Promise 且被 reject，则停止上传。那我们就常用于限制传入格式和大小
on-success	上传成功时的钩子	该钩子返回的是一个函数，常用第一个参数response来做上传成功后的效果处理
on-error	上传失败时的钩子	已经上传失败了，常用于提升用户使用效果，给用户一些提示，记得要使用clearFiles方法清除已上传的文件列表
http-request	自定义上传的实现	覆盖默认的上传行为！ 1：覆盖了action地址（action必填，空也可以） 2：默认的on-success、on-error、on-progress等钩子都失效了

 默认行为：

自定义行为：

使用场景：一般我们项目中的接口timeout都是统一配置，给一个默认值。那对于使用Upload上传数量大时可能就需要拉长timeout，那我们用action配置接口的时候不好改timeout，这个时候怎么处理呢？？唉嗨，咱可以用自定义上传解决，那就上代码！

：

 

咱就是说一旦使用了自定义方法，那默认方法就失效了，在上方代码中then就替代了on-success的效果，catch替代了on-error的效果，一般这些异常和成功处理就够用了。如果还需要其他的可以参考源码中的方法进行仿写。

以上，over！欢迎补充～