使用javascript通过a.click()下载文件时获取位置和/或状态

问题描述

我正在 Vue.js 2 中开发一个应用程序。我正在使用带有 Vuetify v-for 组件的 v-btn 来调用名为 downloadFile 的方法。

<template v-for="item in items">
  <v-btn @click="downloadFile(item)" v-bind:key="item.filename" small icon>
    <v-icon>mdi-folder-download</v-icon>
  </v-btn>
</template>

downloadFile 方法然后打开一个对话框供用户下载文件。为此，我使用了一种适用于我的方法 here（我还计划添加一个步骤，在下载之前生成文件）。

methods: {
  downloadFile(item) {
    let link = document.createElement('a')
    link.href = `https://localhost:5000/static/${item.filename}`
    link.download = `${item.filename}`
    link.click()
  }
}

这很有效，因为它会提示用户选择将文件下载到的目的地。

问题：

但是，我想根据用户是真的点击下载按钮还是取消下载来做一些动作，即代码看起来像这样

methods: {
  downloadFile(item) {
    let link = document.createElement('a')
    link.href = `https://localhost:5000/static/${item.filename}`
    link.download = `${item.filename}`
    link.click()

    if (file_downloaded) {
      this.$set(item,'downloaded',true)
      this.$set(item,'filepath',path_selected_by_user)
    }
  }
}

这将触发 UI 更新，例如选中一些复选框并在某处显示文件路径。

问题：

• 有什么方法可以让我知道用户是真的下载了文件还是取消了下载？
• 有没有办法获取用户下载文件的位置？

编辑：

有人建议我检查 this thread。这个线程没有解决我的问题，因为问题是在服务器上生成文件时显示某种等待屏幕，然后在下载对话框打开时隐藏它。

我的问题是，一旦打开下载对话框，我想知道用户是点击Save还是Cancel，如果他们点击Save，他们的路径是什么选择的是。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）