下载链接下出来的文件是php,php点击链接直接下载文件写法

down.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

Bootstrap 101 Template

crossorigin="anonymous">

.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

}

测试用

面板标题

hehe

姓名:
年龄:

下载文件:

ajax下载文件

直接链接下载文件

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);

}

});

}

}

});