vue excel文件上传

不能老盯着手机屏幕，要不时地抬起头，看看老板的位置。

1. 技术背景：vue上传excel文件给后端时选择了fromdata，
2. 安装axios：npm i axios -D
3. FormData：FormData类型实际上是在XMLHttpRequest2级定义的，它是为序列化表以及建立与表单格式相同的数据（固然是用于XHR传输）提供便利。

• 一、建立一个空对象实例:let fileFormData = new FormData();
• 二、添加数据：咱们能够经过append(key,value)来添加数据，若是指定的key不存在则会新增一条数据，若是key存在，则添加到数据的末尾fileFormData.append('File',this.initFile);

4. 设置Content-Type:let requestConfig = {headers: {"Content-Type": "multipart/form-data"}};
5. 建立axios实例并添加:withCredentials：true表示跨域请求时是否须要使用凭证. 默认为false
6. 发送axios请求：参数（后台接口地址，fileFormData，requestConfig）

完整代码

//点击发送事件
preserveCompanyName() {
      import axios from 'axios' //先下载axios （npm i axios -D）！！！（不在这里写，而后在export default 外引入）
      let fileFormData = new FormData();
      fileFormData.append('File',this.initFile);
      let requestConfig = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };

      const instance = axios.create({
        withCredentials: true
      })

      instance.post('http://192.168.1.48:8000/basicTable/upload_file',fileFormData,requestConfig ).then(res=>{
        this.$message.success('上传成功！')
      })

      this.dialogVisible1 = false;
}
复制代码

至此 完结！best regards！