Vue项目下使用element-ui中Upload组件的http-request自定义上传文件

• 最近项目中用到了一个上传功能，在前后端进行联调的时候一直报400，经过查阅文档，参考各个博主精品文章，问题最终解决，并写下此文章做记录，方便下次使用，如需用到可根据项目需求修改接口及http-request方法即可

要做的事：在http-request方法中使用自定义接口传参，上传文件

• 先来一段代码，然后分析一下Upload各个属性的作用

      点击上传
    

• action 必选参数，上传的地址，如果我们使用http-request，action可以传入字符串，人家说了必选，不能空着，此时action无作用

• accept 接受上传的文件类型

• limit 最大允许上传个数

• file-list 上传的文件列表，我们绑定的fileList需要在data中声明

• http-request 覆盖默认的上传行为，可以自定义上传的实现

• before-upload 传文件之前的钩子，参数为上传的文件，若返回 false则停止上传。我们可以在这里对文件上传格式及大小做出限制

• 下面是我们最需要的一些方法

最后

• 如果遇到什么问题就留言吧，能解决大家一起解决一下
• 要您觉得有用，就点赞收藏鼓励一下把
• 文章是自己手敲，是对工作日常的总结，如有错误之处，敬请指正