使用jquery或javascript开始下载?

使用jquery或javascript开始下载?,javascript,jquery,download,Javascript,Jquery,Download,我有一些代码,可以在进度条结束后显示一个按钮。但我更希望它开始下载,而不是有人点击按钮下载。我该怎么做呢 这是我当前用于打开按钮的代码: <script> $(document).ready(function() { $(".btn-success").hide(); var progress = setInterval(function () { var $bar = $('.progress-bar'); if ($bar.wid

我有一些代码,可以在进度条结束后显示一个按钮。但我更希望它开始下载,而不是有人点击按钮下载。我该怎么做呢

这是我当前用于打开按钮的代码:

<script> 
$(document).ready(function() {
    $(".btn-success").hide();
    var progress = setInterval(function () {
        var $bar = $('.progress-bar');
        if ($bar.width() >= 399) {
            clearInterval(progress);
            $(".btn-success").show("slow");
            $('.progress').removeClass('active');
        } else {
            $bar.width($bar.width() + 40);
        }
    }, 115);
});
</script>
<div class="container">
    <div class="jumbotron" style="margin-top: 20px;">
        <h1 style="text-  align: center; margin-top: -5px;">Thanks for downloading!</h1>
        <h3 style="color: gray; text-  align: center; margin-top: -5px; margin-bottom: -20px;">Shixmas website source code</h3>  
    </div>
</div>

<div class="container" style="margin-top: 3%; width: 400px;">
    <div class="progress progress-striped active">
        <div class="progress-bar" style="width: 0%;"></div>
    </div>
    <div class="button_align_download">
        <a href="#"><button type="button" class="btn btn-success btn-lg">Download</button></a>
    </div>
</div>
<div class="container" style="margin-top: 3%;">
    <a href="/downloads">
        <button type="button" class="btn btn-default" style="margin-top:1%;">
            <span class="glyphicon glyphicon-chevron-left"></span>
            &nbsp;&nbsp;Go Back To Downloads
        </button>
    </a>
</div>

$(文档).ready(函数(){
$(“.btn success”).hide();
var progress=setInterval(函数(){
变量$bar=$('.progress bar');
如果($bar.width()>=399){
清除间隔(进度);
$(“.btn success”).show(“slow”);
$('.progress').removeClass('active');
}否则{
$bar.width($bar.width()+40);
}
}, 115);
});
谢谢下载!
Shixmas网站源代码

正确的方法是简单地使用
window.location='/downloads/file.jpg'

然后,您需要将服务器配置为发送一个标头,指示浏览器下载该文件,而不是在窗口中打开该文件

如果您使用的是Apache,则可以将其添加到
.htaccess
文件中。使用以下配置,您可以将所有下载内容放在“下载”文件夹中,它们将全部下载而不是打开

这只是一个例子,当然,你可以根据自己的喜好来设置

<Location "/downloads/">
  <Files *.*>
    ForceType applicaton/octet-stream
    Header set Content-Disposition attachment
  </Files>
</Location>

ForceType应用程序/八位组流
标题集内容处置附件

本例中的下载链接在哪里?“下载”按钮的作用是什么?您需要调用与用户单击下载按钮时发生的完全相同的事情。如果你不向我们展示它的功能,我们也帮不了你。^^^^^他说,现在还不太清楚为什么点击按钮会开始下载?哦,等等,你有没有在锚中插入一个按钮?开始实际下载的按钮是这样的:那很好,但它是如何开始下载的?