vue上传文件成功后第二次上传文件还在

您需要清除上传文件的缓存，避免第二次上传文件时出现问题。可以通过以下方式清除缓存：

1. 在上传成功后，手动清除上传文件的缓存。例如，使用Vue的$refs来获取上传组件的实例，然后调用清空方法。

2. 在上传组件中设置一个标志位，用来记录上传成功后是否需要清空上传文件的缓存。在上传成功后，将标志位设置为true，然后在下一次上传文件时，检查标志位是否为true，如果是，则清空缓存。

3. 使用Vue的watch来监听上传文件的变化，然后在上传成功后，手动清空上传文件的缓存。例如：

watch: {
  uploadFile: function(newFile, oldFile) {
    if (newFile && newFile !== oldFile) {
      // 上传文件成功后清空缓存
      this.uploadFile = null;
    }
  }
}

以上是一些常见的清除上传文件缓存的方法，您可以根据自己的需求选择适合的方法。

相关问题

若依vue在文件上传成功后触发函数

在Vue中，你可以使用`@success`或`@on-success`事件来监听文件上传成功后的回调函数。具体可以参考下面的代码示例：

<el-upload
  class="upload-demo"
  action="/upload"
  :on-success="handleSuccess"
  :headers="{ Authorization: getToken() }"
>
  <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>

在上述代码中，`:on-success="handleSuccess"`表示当上传成功后，会触发名为`handleSuccess`的回调函数。你可以在Vue组件实例中定义该函数，例如：

export default {
  methods: {
    handleSuccess(response, file, fileList) {
      console.log(response)
      console.log(file)
      console.log(fileList)
      // 在这里处理上传成功后的逻辑
    }
  }
}

在`handleSuccess`函数中，你可以通过参数`response`获取服务器返回的响应数据，通过参数`file`获取当前上传的文件，通过参数`fileList`获取上传文件列表。你可以根据这些参数来处理上传成功后的逻辑。

vue element上传成功后 怎么去除提示请上传文件的提示信息

你可以利用 `before-upload` 和 `on-success` 事件来控制上传成功后的提示信息。具体实现可以参考以下代码：

<template>
  <el-upload
    class="upload-demo"
    :action="uploadUrl"
    :before-upload="beforeUpload"
    :on-success="onUploadSuccess"
    :file-list="fileList"
    :auto-upload="false"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="uploadFiles">上传文件</el-button>
    <div slot="tip" class="el-upload__tip">只能上传 jpg/png 文件，且不超过 500kb</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'your_upload_url',
      fileList: []
    }
  },
  methods: {
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg' || file.type === 'image/png'
      const isLt500K = file.size / 1024 < 500

      if (!isJPG || !isLt500K) {
        this.$message.error('上传文件格式不正确或文件大小超过 500KB')
        return false
      }
      return true
    },
    onUploadSuccess(response, file, fileList) {
      // 处理上传成功后的逻辑
      console.log('上传成功:', response)
    },
    uploadFiles() {
      this.$refs.upload.submit()
    }
  }
}
</script>

在上面的代码中，`before-upload` 方法用于校验上传文件的格式和大小，如果校验不通过，则会显示错误提示信息。在 `on-success` 方法中，你可以对上传成功后的响应数据进行处理，并在这个方法中控制提示信息的展示。最后，通过点击“上传文件”按钮来调用 `uploadFiles` 方法实现手动上传文件。