我想在我的页面上添加一个按钮,这样当我点击它时,它会在我使用的网络浏览器上下载一个文件。 我要下载的文件在我的项目中:
按钮的脚本如下:
download(){
const link = document.createElement("a")
link.href = "../../public/Programme robot/programme_palettisation_robot.tb"
link.setAttribute("download", "programme_palettisation_robot.tb")
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
setTimeout(function() { URL.revokeObjectURL(link.href); },1500)
}
问题是当我点击按钮时,它说找不到文件。
你能帮我解决这个问题吗?
最佳答案
我假设您正在使用 Vue CLI。 Vue 在开发模式下运行本地服务器,基本上创建了一个类似于您在 dist
文件夹中看到的结构。您的链接 href
在构建时未被 webpack 解析,这就是为什么您实际上试图从根目录加载文件的原因。
因此,使用绝对文件路径应该可以解决这个问题。
link.href = "/Programme robot/programme_palettisation_robot.tb"
关于javascript - 我尝试使用按钮下载本地文件,但找不到该文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67719876/