如何在gatsby js中下载静态文件

发布于 2025-01-10 05:24:39 字数 258 浏览 1 评论 0原文

我有一个 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦在深巷 2025-01-17 05:24:39

download 属性,总结很多,只是一种设置可下载元素名称的方法,但 href 属性必须指向您要下载的项目。

这应该有效:

<a download={`Some Fancy Name`} href={`../../file.pdf`}>İndir</a>

仔细检查 ../../file.pdf 路径以确保其有效或 file.pdf 属于该路由。

站点构建时,静态文件夹会将其内部结构复制到公共 (/public) 文件夹。因此,像这样的结构: /static/file.pdf 应该指向:

<a download={`Some Fancy Name`} href={`/file.pdf`}>İndir</a>

由于 static 文件夹成为“根”,因此级别为 0。

The download attribute, summarizing a lot is just a way to set the name of the downloadable element but it's the href attribute the one that must point to the item you want to download.

This should work:

<a download={`Some Fancy Name`} href={`../../file.pdf`}>İndir</a>

Double-check the ../../file.pdf path to ensure that is valid or that the file.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:

<a download={`Some Fancy Name`} href={`/file.pdf`}>İndir</a>

Since the static folder becomes the "root", the level 0.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文