点击a标签触发点击事件后下载文件

a标签

<a></a>

a标签下载文件

<a download="filename" id="a_downloadPdf" href="文件地址">点击下载</a>

添加点击事件

因为点击事件先于href执行当点击事件返回true时 href执行返回false href不执行

function click() {$.ajax({type: "get",url: "url",dateType: "json",//data: "",success: function (data) {if (data.status == 1) {return true;}},error: function () {return false;},async: false});
}

因为需要ajax执行完毕后再执行href 所以需要设置为同步请求async: false 保证文件下载时已经生成如果async: true 文件还没有生成就已经执行下载

点击a标签触发点击事件后下载文件相关推荐

vue点击弹窗自动触发点击事件的解决办法
业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化. div 指令: // 自动触发点击事件directives:{trigger:{ ...
ASP.NET MVC铵钮Click后下载文件
本篇Insus.NET练习的是FilePathResult和FileStreamResult操作.本篇也算是<如何把Json格式字符写进text文件中>http://www.cnblogs ...
JSP实现点击链接后下载文件(相当于右键另存)功能
/*** 实现文件另存功能* * @param text* 文件内容* @param fileName* 文件名称* @return*/protected String renderFile(Stri ...
关于a标签添加了download属性下载文件失败的问题
话不多说,先上图相信各位大神看了图会明白,每次点击会下载,但是每次都是下载失败,未发现文件,请各位大佬指教-
php 重定向后下载文件失效
只有chrome 有这个问题,后来查了下,说是:"当网站通过HTTPS加载时,如果通过HTTP提供服务,Chrome会阻止加载静态内容.可能看起来Firefox不这样做" 注意当网 ...
JS实现html页面点击下载文件的两种实现方法
1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载&l ...
使用a标签下载文件，浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案背景一.HTML中的a标签实现点击下载二.即使使用a标签的download属性,chrome浏览器还是会打开三.解决方案解决方案一:使用ajax请 ...
微信小程序长按事件触发点击事件的BUG处理
微信小程序开发说实话还是有点糟心的,经过事件冒泡的坑之后,又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml <view class="contai ...
微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...

点击a标签触发点击事件后下载文件

点击a标签触发点击事件后下载文件相关推荐

最新文章

热门文章