axios实现文件上传

要使用axios实现文件上传，你可以使用FormData对象来构建上传的数据。首先，创建一个FormData对象，并使用append()方法将文件添加到FormData中。然后，使用axios的post方法发送FormData对象到服务器。

以下是一个示例代码：

// 选择文件的input元素
const fileInput = document.querySelector('input[type="file"]');

// 当选择文件时
fileInput.addEventListener('change', async function() {
  const file = fileInput.files[0];
  
  // 创建FormData对象
  const formData = new FormData();
  formData.append('file', file);

  // 发送POST请求
  try {
    const response = await axios.post('/upload', formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    });
    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
});

在上面的代码中，我们使用了一个input元素来选择文件。当用户选择文件后，我们创建了一个FormData对象，并将文件添加到该对象中。然后，使用axios的post方法发送FormData对象到服务器的`/upload`端点。请确保将`/upload`替换为你实际的上传文件的URL。

注意，在发送请求时，我们设置了请求头的`Content-Type`为`multipart/form-data`，以确保服务器能够正确解析上传的文件。

希望能对你有所帮助！如果你还有其他问题，请随时提问。