Vue.js如何上传图片，然后运行自定义方法

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

<script>
export default {
  methods: {
    handleFileChange(event) {
      // 获取选择的文件
      const file = event.target.files[0];
      // 将文件存储在Vue实例的data属性中，以便后续使用
      this.imageFile = file;
    },
    uploadImage() {
      // 创建FormData对象，用于发送文件数据
      const formData = new FormData();
      formData.append('image', this.imageFile);

      // 发送POST请求，将文件上传到服务器
      // 这里可以使用Vue.js的HTTP库（如axios）或者浏览器原生的fetch API
      // 以下是使用axios的示例代码
      axios.post('/upload', formData)
        .then(response => {
          // 上传成功后的处理逻辑
          // 运行自定义方法
          this.customMethod();
        })
        .catch(error => {
          // 上传失败后的处理逻辑
        });
    },
    customMethod() {
      // 运行自定义方法的逻辑
    }
  }
}
</script>