2021-04-16（12） element-el-upload上传文件

1，使用element的el-upload上传文件，选择完文件就立即请求接口上传。
组件中的action是请求地址 组件是默认Formdata形式请求，因为我要添加tokenId，所以在组件上
添加了headers属性

1.png

11.png

22png.png

2，可以使用组件自带的方式，实现自动覆盖第一次上传的文件

4.png

3，使用组件自带的上传文件之前的钩子函数before-upload函数
做验证，是否为.xlsx文件，可以在return 上面写 formdata 多余的参数，然后return出去

3.png

4，组件自带的文件上传成功时的钩子 on-success 有三个参数response, file, fileList
可以使用response 写 上传成功和失败之后的逻辑，使用file.name 展示上传文件的名称

2.png