vue 使用element-ui的el-upload httprequest实现上传文件到后台的功能

之前做上传，参考element UI的官方示例，使用action属性，action是上传的地址。

这次做的项目，换了一个后端对接，说，上传不需要调用接口，我懵了，我寻思示例不都是使用了action嘛，经过一番了解，upload组件还提供了http-request覆盖默认上传行为。

elementUI 的upload组件的http-request方法的使用

http-request有个默认的参数：content

content是一个object对象：里面包含一些upload组件的回调方法，可以使用upload组件原生的方法。

下面记录下具体使用方法，很简单

1、

:action是必不可少但是却没什么作悄颤用的

:http-request可以覆盖默认的上传方法

2、我配置中兄的:action的值（就是官方文档示卖运袭例的值）

3、:http-request函数内容，将上传成功的文件保存到mode里面，mode是自己在data里面定义的变量，初始值是mode:{}

4、上传按钮的点击事件

5、上传成功，后台可以读取到数据

HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及蠢答扰哪部分内容首带旦先显示(如文本先于图形)等。

HTTPRequest是一种包装的类，可举春以让开发人员轻松实现HTTP请求。

---