vue2的axios上传图片

在Vue2中使用axios上传图片，可以按照以下步骤进行操作：

1. 安装axios和qs

npm install axios qs --save

2. 在vue组件中引入axios

import axios from 'axios';

3. 编写上传图片的方法

uploadImage() {
  const formData = new FormData(); // 创建一个FormData对象
  formData.append('file', this.imageFile); // 将上传的文件添加到FormData对象中
  axios.post('/api/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data' // 设置请求头的Content-Type为multipart/form-data
    }
  }).then(res => {
    console.log(res.data); // 处理服务器返回的结果
  }).catch(err => {
    console.error(err); // 处理错误
  });
}

4. 在模板中添加input标签，用于选择文件

<template>
  <div>
    <input type="file" @change="onFileChange">
    <button @click="uploadImage">上传图片</button>
  </div>
</template>

5. 在vue组件中定义onFileChange方法，用于获取选择的文件

onFileChange(event) {
  this.imageFile = event.target.files;
}

以上是一个简单的上传图片的实现方式，可以根据自己的需求进行调整。