在 html 中隱藏 PDF 以便在鏈接單擊時下載

Question

我在我的應用程序中面臨一種情況，我需要在我的頁面上添加一個 pdf 下載鏈接，但我無法引用文件的任何相對或絕對路徑，我只需要在 html 中托管我的 pdf。

有沒有辦法做到這一點，使用基本的 HTML 和 JavaScript？

詳細情況總結如下：

有一個應用程序歸其他人所有，我正在為特定客戶定制。

我們提供了將一些 html(s) 放在一個目錄中的規定，這些 html(s) 在應用程序的幾個頁面中使用。

這些 html 不與 href 一起使用或包含在產品應用程序中，而是由產品的 java 代碼提取並添加到響應中，從而將 PDF 保存在與我的 HTML 相同的文件夾中，並在此處提供相對 URL 不起作用。並且放置絕對 URL 也不是解決方案，因為這需要在多個環境中工作。

Answer 1

您始終可以使用數據 URI鏈接：

<a href="data:application/pdf;base64,...">download PDF!</a>

可能與下載屬性一起：

<a href="..." download="my_file.pdf">...</a>

例如http://jsbin.com/gutahugoci/（PDF來自這里）。

要在base64 中編碼，請使用base64 -w0 my_file.pdf > my_file.pdf.b64

免責聲明：請注意我說的是“你可以使用”，而不是“你應該使用。這應該只是對 PDF 做的最后一招，因為 HTML 文件會變得非常大，你的客戶可能會問你是否在開玩笑.

Answer 2

你為什么不編碼網址

/download_pdf.php?id=r4yhr4hrb4rd54hddb4

r4yhr4hrb4rd54hddb4 在哪里和編碼 id？