如何在gatsby js中下载静态文件
我有一个 Gatsby.JS 网站
我想当点击下载按钮时,下载一个静态pdf文件。
<button>
<a download={`../../file.pdf`}> İndir</a>
</button>
这个 ../../file.pdf
是静态文件夹的路径。
上面的代码是我的可下载代码。
但这不是工作。我该如何修复?
I have a website with Gatsby.JS
I want to when click download button, download one static pdf file.
<button>
<a download={`../../file.pdf`}> İndir</a>
</button>
this ../../file.pdf
is path of static folder.
Above code my downloadable code.
But this is not work. How can i fix.?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
download
属性,总结很多,只是一种设置可下载元素名称的方法,但href
属性必须指向您要下载的项目。这应该有效:
仔细检查
../../file.pdf
路径以确保其有效或file.pdf
属于该路由。站点构建时,静态文件夹会将其内部结构复制到公共 (
/public
) 文件夹。因此,像这样的结构:/static/file.pdf
应该指向:由于 static 文件夹成为“根”,因此级别为 0。
The
download
attribute, summarizing a lot is just a way to set the name of the downloadable element but it's thehref
attribute the one that must point to the item you want to download.This should work:
Double-check the
../../file.pdf
path to ensure that is valid or that thefile.pdf
belongs to that route.The static folder replicates its internal structure to the public (
/public
) one when the site builds. So, a structure like:/static/file.pdf
should be pointed as:Since the static folder becomes the "root", the level 0.