强制文件下载而不是在浏览器中显示

Question

I just want to download file when button gets clicked. I am using top.location.href in jQuery to start downloading but this code work fine on localhost, but when I try this on server then instead of start downloading it display the file as text in the browser.

This is what I am doing :

$('#download_button').click(function(){

    var filepath = $(this).attr("data-src");
    // filepath = library/files/filename.git

    top.location.href = filepath; // open download dialog box
});

The above code start downloading my custom file that contain 'xml' data by opening a dialog box on localhost but this code not work on server.

Is anything I am doing wrong?

I tried to find out the problem but everyone says add these line of code in your hyaccess file

<FilesMatch "\.(?i:git)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>

But I never found htaccess file on my server. Can I create a new file with in my directory and add this code into it ?

Answer 1

您可以使用HTML5下载属性

<a href="/something.git" download="name-of-file">Click to download</a>

Answer 2

try this code

$('#download_button').click(function(){

    var filepath = $(this).attr("data-src");
    // filepath = library/files/filename.git
                                                                                               var url = 'library/files/download.php';
    var inputfied =  '<input type="text" name="filepath" value="' + filepath + '" />';
    var form = $('<form action="' + url + '" method="POST" >' +inputfied +'</form>');
    $('body').append(form);
    $(form).submit();
});

and use this page download.php

<?php
$file=$_POST['filepath'] ;//file location;
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename="'.basename($file).'"');
header('Content-Length: ' . filesize($file));
readfile($file);
?>