Vue文件上传-连续上传同一文件

<template>
  <div>
    <input type="file" @change="handleFileUpload" />
  </div>
</template>

methods: {
  handleFileUpload(event) {
    const file = event.target.files[0];
    // 处理文件上传逻辑
    // 可以使用axios或其他HTTP库将文件发送到服务器
  }
}

import axios from 'axios';

methods: {
  handleFileUpload(event) {
    const file = event.target.files[0];
    const formData = new FormData();
    formData.append('file', file);

    // 发送文件到服务器
    axios.post('/upload', formData)
      .then(response => {
        // 处理上传成功的逻辑
      })
      .catch(error => {
        // 处理上传失败的逻辑
      });
  }
}

data() {
  return {
    previousFile: null
  };
},

methods: {
  handleFileUpload(event) {
    const file = event.target.files[0];

    // 判断是否为同一个文件
    if (this.previousFile && this.previousFile.name === file.name) {
      // 处理连续上传同一个文件的逻辑
    } else {
      // 处理上传新文件的逻辑
    }

    this.previousFile = file;
  }
}