为特定目录配置下载确认页面[关闭]答案

【问题标题】：Configruing confirmation page for download for particular directory [closed]为特定目录配置下载确认页面[关闭]
【发布时间】：2015-10-10 18:46:56
【问题描述】：

我的页面中有链接，上面写着，

<a href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>

当我点击它时，应该有一些下载确认页面。

【问题讨论】：

你忘记了问题。
哦，对不起，也谢谢，我是这个论坛的新手。我只是继续打字，但没有看到下面的实际内容。

标签： javascript php jquery web-site-project

【解决方案1】：

这里有一个快速演示如何做到这一点

HTML

<a class="links" href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>
<br />
<a class="links" href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>
<br />
<a class="links" href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>
<br />
<a class="links" href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>
<br />
<a class="links" href='www.mysite.com/ebooks/mybook.pdf'>Mybook</a>

<div id="modal">
    <h3>You are going to download mybook.pdf. Are you sure?</h3>
    <button id="yes">Yes</button>
    <button id="no">No</button>
</div>

CSS

#modal {
    display: none;
    margin: 80px;
    padding: 20px;
    background: #E4E4E4;
    text-align: center;
    color: #2E3B6F;
}

#modal button {
    margin: 0 5px;
}

$(function(){
    var link = '';
    $(".links").click(function(e){
        $("#modal").hide().show("slow");
        link = $(this).attr("href");    

        return false;
    });

    $("#yes").click(function(e){  
      if(link) window.location.href = link;
    });

    $("#no").click(function(e){
        $("#modal").hide("slow");
    });
});

现场演示：http://codepen.io/anon/pen/pjrzvB

我使用了 jQuery，但你也可以在没有 jQuery 的情况下实现相同的功能。

根据您的评论进行更新。 10.11.2015

【讨论】：

谢谢@ruben，但是如果没有大的应该怎么办。特定目录中的文件。就像在我的网络服务器上一样，“www.mysite.com/ebooks/”有 100 多本电子书。对于单击该特定目录上的 pdfs 文件并要求确认的任何人，是否有任何方法可以使这种情况发生。主要问题是我的博客（博客）上有所有这些 pdf 的链接，并且我已经在我的单独的网络服务器上托管了所有的 pdf，即 www.mysite.com/ebooks/。这就是为什么它对我来说真的很有挑战性。
更新了看看:)