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 lang="zh-CN">

<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 class="text-center">测试用</h1>

<div id="app">

<div v-show="1" class="panel panel-default" v-for="permission in permissions">

<div class="panel-heading">

<h3 class="panel-title" v-bind:data-id="5" v-on:click="changeShow">面板标题</h3>

</div>

<div class="panel-body" 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>

点击链接时触发php文件,php点击链接直接下载文件写法相关推荐

  1. [C# 基础知识系列]专题五:当点击按钮时触发Click事件背后发生的事情

    引言: 当我们在点击窗口中的Button控件VS会帮我们自动生成一些代码,我们只需要在Click方法中写一些自己的代码就可以实现触发Click事件后我们Click方法中代码就会执行,然而我一直有一个疑 ...

  2. 前端将二进制数据流转为文件_前端通过二进制流下载文件

    JS下载文件两种方式总结: 下载文件主要分为两种形式,具体使用哪种方式取决于后台: 1.如果后台服务器的静态目录有可供下载的静态资源,后台接口返回文件路径,直接window.location.href ...

  3. linux下载文件夹到本地命令行,linux下载文件到本地命令,linux下载文件到本地命令 下载工具...

    linux下载文件到本地命令,linux下载文件到本地命令 下载工具 来源:互联网/编辑:佚名/时间:2020-09-08 在手机上看 扫一扫进入手机端 linux用户命令在哪个文件夹下 用 whic ...

  4. msf后渗透之文件交互指令、上传下载文件、屏幕截图、键盘记录、创建账户、音频录像和提权(上)

    目录 1.文件交互指令 2.上传下载文件(windows) 3.屏幕截图(windows) 4.键盘记录(windows) 1.先启动记录keyscan_start 2.显示键盘输入内容keyscan ...

  5. java ftp获取文件夹大小,java 用FTPClient 下载文件时不显示总大小?解决方案

    java 用FTPClient 下载文件时不显示总大小? FTPClient ftp = new FTPClient(); ftp.setControlEncoding("utf-8&quo ...

  6. java 下载文件 进度条_使用处理程序下载文件时显示百分比的进度条

    我想在按钮上单击下载 .EXE 文件并在网页上显示下载进度条而不是浏览器进度条 . 这个开发背后的想法是浏览器在他的下载管理器中隐藏它的下载进度条 . 我想在下载达到100%后自动运行.EXE . 我 ...

  7. js下载文件及前端使用a标签下载文件download属性失效问题

    通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...

  8. Java 实现上传文件到FTP和从FTP下载文件

    在eclipse 中创建项目,并将commons-net-3.6.jar包复制到项目中 commons-net-3.6.jar:链接:https://pan.baidu.com/s/1iz0862TX ...

  9. 使用scp上传文件到服务器或从服务器下载文件(支持跨越跳板机)

    转载 原文链接 原贴写的很好,我转载懒得排版了 scp是什么? 使用man scp可以看到scp的解释『scp - secure copy (remote file copy program)』,sc ...

  10. 异步下载文件 java_在浏览器中异步下载文件监听下载进度

    在浏览器中异步下载文件,其实就是把服务器响应的文件先保存在内存中.然后再一次下载到磁盘.第二次下载过程,就是把内存的数据IO到磁盘,没有网络开销.速度极快. 之所以要先保存在内存,主要是可以在下载开始 ...

最新文章

  1. vue Element-ui 表格自带筛选框自定义高度
  2. 数据蒋堂 | BI系统中容易被忽视的数据源功能
  3. ES6关于Promise的用法详解
  4. 新站长更要努力做好SEO相关的优化
  5. linux 内核 netfilter 网络过滤模块 (4)-期望连接
  6. 35岁前把下面十件事做好
  7. IntegrityError at ** NOT NULL constraint failed: learning_logs_topic.owner_id
  8. css html 语法,CSS基础语法
  9. 数据挖掘:模型选择——K-means
  10. 嵌入在网页上Flash媒体播放器(1)
  11. SQLserver查询练习
  12. ios模拟器 安装ipa_用iOS模拟器安装App的方法
  13. 基于Java开发证券交易撮合系统的尝试
  14. python简易程序教程_Python-自制简易程序挂机刷御魂
  15. golang 万年历的实现代码
  16. 免费的在线3D CAD【BimAnt】
  17. 关于Windows无法格式化该卷,因为该卷已脱机的问题解决办法
  18. 前端框架-Angular.js
  19. 上海职称不用考计算机和英语翻译,国家翻译专业资格考试将替代职称评定
  20. android 添加系统日历事件,添加系统日历事件

热门文章

  1. Linux共享后无权限访问,Samba服务无权限访问
  2. qt界面布局之如何修改qt5版本以上的左上角的图标
  3. 林期苏曼属性标签编辑_标签制作软件如何制作椭圆形药品标签
  4. python读取word页眉_python 使用win32com实现对word文档批量替换页眉页脚
  5. teamviewer介绍及操作
  6. 计算机重新启动操作处于挂起状态,win7系统安装Photoshop提示安装程序检测到计算机重新启动操作可能处于挂起状挂起状态的解决方法...
  7. 分析服务用多维度、多场景的用户分层,带您深度玩转精细化游戏运营
  8. VBA用CDO批量发送邮件
  9. HDOJ2067_小兔的棋盘(卡塔兰数)
  10. 免费在线的redmine项目演示,提供免费三级域名