Gatsby.js(Netlify)でPDFがダウンロードできない時の対処方法

created
updated

ファイル構成

PDFファイルの保存場所

{アプリケーションディレクトリ}/static/pdf/ファイル.pdf

staticフォルダに、PDFファイルを配置しました。

ダウンロードロジック

<a href="/pdf/ファイル.pdf" download>ダウンロード</a>

通常のHTMLでダウンロードするように実装しました。

ダウンロードファイルが空のファイルとなってしまう

ファイルはダウンロードできるのですが、0バイトのファイルとなってしまいました。

ファイル名を英語にするとダウンロードができた

日本語のファイル名を英語名に変更すると、問題なくダウンロードできました。

PDFファイルの保存場所

{アプリケーションディレクトリ}/static/pdf/file.pdf

「ファイル.pdf」を「file.pdf」へ名前を変更しました。

ダウンロードロジック

<a href="/pdf/file.pdf" download>ダウンロード</a>

ダウンロードするファイル名を英語名に合わせて変更します。これでダウンロードすることができました。

TOP