在链接点击中隐藏PDF以供下载

时间:2015-11-16 10:30:00

标签: javascript jquery html download

我正面临我的应用程序中需要在我的页面上添加pdf下载链接的情况,但我无法引用该文件的任何相对或绝对路径,我只需要在html中托管我的pdf。

使用基本的HTML和JavaScript有没有办法做到这一点?

详细情况概要如下:

  • 有一个应用程序由其他人拥有,我正在为特定客户定制。
  • 我们有一个规定,将一些html放在一个目录中,该目录在应用程序的几个页面中使用。
  • 这些htmls不与产品应用程序中的href或include一起使用,而是由产品的java代码选取并添加到响应中,从而将PDF保留在与我的HTML相同的文件夹并提供相对URL在这里不起作用..并且放置绝对URL也不是解决方案,因为这需要在多个环境中工作。
  • 2 个答案:

    答案 0 :(得分:2)

    您始终可以使用data URI个链接:

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

    可能与download attribute

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

    E.g。 http://jsbin.com/gutahugoci/(PDF来自here)。

    要在base64中使用base64 -w0 my_file.pdf > my_file.pdf.b64

    进行编码

    免责声明:请注意我说“你可以使用”,而不是“你应该使用。这应该是最后的手段要为PDF做的事情,因为HTML文件会变得非常大,你的客户可能会问你是不是在开玩笑。

    答案 1 :(得分:-1)

    为什么不编码网址

    /download_pdf.php?id=r4yhr4hrb4rd54hddb4

    其中r4yhr4hrb4rd54hddb4是编码id?