0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

千両箱と木の葉

Last updated at Posted at 2023-12-05

PDFファイルを直接ダウンロードする方法
(ダウンロードリンクだとPDFを開いてしまうため

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PDF Download Example</title>
</head>
<body>

<button onclick="downloadPDF()">Download PDF</button>

<script>
function downloadPDF() {
    // 相対パスを使用してPDFファイルを指定
    var pdfPath = 'path/to/your/file.pdf';

    // ダウンロード用のリンクを生成
    var link = document.createElement('a');
    
    // 現在のスクリプトが配置されているディレクトリを基準にした相対パス
    var scriptPath = document.currentScript.src;
    var basePath = scriptPath.substring(0, scriptPath.lastIndexOf('/') + 1);

    link.href = basePath + pdfPath;
    link.download = 'example.pdf'; // ダウンロード時のファイル名

    // ダウンロードリンクをクリック(自動でダウンロードが開始される)
    link.click();
}
</script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PDF Download Example</title>
</head>
<body>

<button onclick="downloadPDF()">Download PDF</button>

<script>
function downloadPDF() {
    // ダウンロード用のデータを生成(ここでは空のPDFファイルを用意)
    var data = new Uint8Array([0x25, 0x50, 0x44, 0x46, 0x2D, 0x31, /* ... */]);
    var blob = new Blob([data], { type: 'application/pdf' });

    // ダウンロード用のリンクを生成
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = 'example.pdf'; // ダウンロード時のファイル名

    // ダウンロードリンクをクリック(自動でダウンロードが開始される)
    link.click();
}
</script>

</body>
</html>
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?