php点击链接直接下载文件写法

全屏阅读
  • 基本信息
  • 作者:
  • 作者已发布:917篇文章
  • 发布时间:2021年11月28日 10:49:30
  • 所属分类:html
  • 阅读次数:1442次阅读
  • 标签:

down.php

<?php

$file = "avater.jpg";                                           //计算机上的一个文件
$fileName = basename($file);                                                                      //获取文件名
header("Content-Type:application/octet-stream");                                    //告诉浏览器文档类型(mime类型); octet-stream指的是二进制文件类型;下载任何类型的文件都可以这么指定
header("Content-Disposition:attachment;filename=".$fileName);        //告诉浏览器以附件方式对待文件(即下载文件);并设置下载后的文件名
header("Accept-ranges:bytes");                                                                   //告诉浏览器文件大小的单位
header("Accept-Length:".filesize($file));                                                    //告诉浏览器文件的大小
$h = fopen($file, 'r');                                                                                       //打开文件
echo fread($h, filesize($file));

index.html

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<script>

</script>
<style>
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active in below version 2.1.8 */

{
opacity: 0
}
</style>
</head>

<body style="text-align:center">
<h1>测试用</h1>
<div id="app">
<div v-show="1" class="panel panel-default" v-for="permission in permissions">
<div>
<h3 v-bind:data-id="5" v-on:click="changeShow">面板标题</h3>
</div>
<div v-show="0">
<div>
hehe
</div>
</div>
</div>

姓名:<input id='start_time' type="text"><br/> 年龄:
<input id='end_time' type="text"> 下载文件:
<button @click="download" type="button">ajax下载文件</button>
<a href="download.php">直接链接下载文件</a> </div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="/laydate/laydate.js"></script>
<script src="vue.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>

</html>
<script>
laydate.render({
        elem:'#start_time'  //指定元素

    });
    laydate.render({
        elem:'#end_time'  //指定元素
    });
    var app = new Vue({
        el:'#app',
        data:{
            permissions:[{'name':'zxj'},{'name':'shepeng'},{'name':'zhangqiang'},{'name':'jiachang'}],
            show:[],
        },
        methods:{
            changeShow:function (event) {
//                console.log(event.target.dataset.id);
//                event.target.dataset.id = !event.target.dataset.id;

                console.log(event.target.appendChild(para));
            },
            download:function (e) {
                $.ajax({
                    type:'post',
                    url:'download.php',
                    data:{
                        name:e.target.innerHTML
                    },
                    dataType:'json',
                    success:function (res) {
                        console.log(res);
                        alert(res.name);
                    }

                });
            }

        }

    });

</script>

顶一下
(0)
100%
订阅 回复
踩一下
(0)
100%
» 郑重声明:本文由mpxq168发布,所有内容仅代表个人观点。版权归恒富网mpxq168共有,欢迎转载, 但未经作者同意必须保留此段声明,并给出文章连接,否则保留追究法律责任的权利! 如果本文侵犯了您的权益,请留言。

目前有 0 条留言 其中:访客:0 条, 博主:0 条

给我留言

您必须 [ 登录 ] 才能发表留言!