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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容