如何用Vue和Element-UI结合Axios实现文件上传功能？

本文共计1094个文字，预计阅读时间需要5分钟。

原文：本文字例为大家分享了vue中使用element-ui和axios上传文件的代码示例，供大家参考。具体内容如下：

环境：vue2.5.6 + axios0.18.1 + element-ui2.15.1

在使用element UI的upload组件上传文件时，遇到一些问题。

代码示例：

javascript 选择文件 只能上传jpg/png文件，且不超过500kb

问题分析：

1. 请求没有发送到服务器。

2.请求发送到服务器，但没有收到响应。

解决方案：

1. 检查action属性是否正确。

2.检查网络连接是否正常。

3.检查服务器是否响应。

4.检查上传文件的大小和格式是否符合要求。

本文实例为大家分享了vue中element-ui使用axios上传文件的具体代码，供大家参考，具体内容如下

环境：vue2.5.6+axios0.18.1+element-ui2.15.1

在使用element UI的upload组件上传文件时，遇到一些问题，网上的说法不尽如是，在此记录

其实最主要的估计就是axios相关的问题，因我们平时开发的vue项目都是封装过axios后进行api的调用，但上传操作跟一般的api请求不同，所有总是报错，故需要建立新的axios实例。

文件上传类型可以在el-upload的accept中进行定义，上传时会进行一定的过滤。