如何只在vuejs中上传图片文件？

<template>
  <div>
    <input type="file" @change="handleFileUpload">
    <button @click="uploadFile">上传</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: null
    };
  },
  methods: {
    handleFileUpload(event) {
      this.file = event.target.files[0];
    },
    uploadFile() {
      // 在这里执行文件上传的逻辑
    }
  }
};
</script>

import axios from 'axios';

// ...

uploadFile() {
  const formData = new FormData();
  formData.append('file', this.file);

  axios.post('/upload', formData)
    .then(response => {
      // 处理上传成功的逻辑
    })
    .catch(error => {
      // 处理上传失败的逻辑
    });
}