如何解决使用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 举报,一经查实,本站将立刻删除。