模拟a标签,点击下载

//通过创建a标签实现
let link = document.createElement("a");
//下载文件的路径
link.href = ‘1/2/index.js‘;
//对下载的文件命名
link.download = "a.xls";
document.body.appendChild(link);
link.click();
 document.body.removeChild(link);                

原文地址:https://www.cnblogs.com/kosakl/p/12678678.html

时间: 2024-10-15 08:28:32

模拟a标签,点击下载的相关文章

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填 提交地址 * methond 选填 默认post 提交方式 post get * target 选填 默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { var turnForm = document.createElement("form"); //一定要

HTML中的a标签实现点击下载

HTML中的a标签实现点击下载 通常在咱们写项目的时候会遇到上传下载什么的,在上传完文件后会把文件的路径保存到数据库里以便下载,如果想不通过后台直接下载的话,可以把文件路径给a标签的属性href: <a href="/user/test/xxxx.txt">点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件. 但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添

php大力力 [042节] 兄弟连高洛峰 PHP教程 2014年[已发布,点击下载]

http://www.verycd.com/topics/2843130/ 第1部分 WEB开发入门篇第1章LAMP网站构建1.[2014]兄弟连高洛峰 PHP教程1.1.1 新版视频形式介绍[已发布,点击下载] 2.[2014]兄弟连高洛峰 PHP教程1.1.2 BS结构软件类型介绍[已发布,点击下载] 3.[2014]兄弟连高洛峰 PHP教程1.1.3 现在是Web2.0的时代[已发布,点击下载] 4.[2014][2014]兄弟连高洛峰 PHP教程1.1.4 Web开发标准[已发布,点击下

点击下载书签的实现

模拟下载的实现 对于链接可以添加download属性来实现点击下载,当给download属性设置值时会作为文件名下载. <a id="download" href="/pk1.png" download="filename">下载</a> 也可以通过选择后,模拟下载即 function downloadImg(imgsrc,fileName){ var aLink=document.createElement('a');

点击下载,下载图片

在制作网页的时候,经常会出现需要添加“下载”按钮,对于那些下载各类压缩包格式的文件来说,浏览器会直接下载: 浏览器能识别的格式会直接打开,不能识别的格式会采用下载的形式进行. 比如PDF和jpg,png图片等格式的文件,设置<a>标签href属性会将文件在页面中直接打开.如果href链接的是zip,rar等不能识别的格式,则会采用下载的形式. 如果想要实现,点击下载,图片不在页面中打开,而是下载的形式讲图片保存到本地,可以采用php的特性来做.(当然也可以是点击下载图片,图片在单独的页面中出现

js生成二维码以及点击下载二维码

js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.qrcode.js默认不支持中文.这跟js的机制有关系,jquery-qrcode这个库是采用 charCodeAt()这个方式进行编码转换的, 而这个方法默认会获取它的 Unicode 编码,一般的解码器都是采用UTF-8, ISO-8859-1等方式,英文是没有问题,如果是中文,一般情况下Unic

原生js实现点击下载图片

点击下载,则可下载上级兄弟节点 <div class="form-group"> <div> <h3>申请人信息</h3> <div class="sq_info"> <ul> <li><span>姓名:</span><p>张三</p></li> <li><span>姓名:</span>&

实现点击下载文件的几种方法

标签:文件下载,技巧 在实现点击下载文件有多种方法: 后端设置header信息 通过后端告诉浏览器header信息实现下载: header('Content-type: image/jpeg'); header("Content-Disposition: attachment; filename='download.jpg'");  局限: 需要后端配合. 直接跳转到目标文件的地址 使用window.open()或者location.href或者直接使用<a>标签将页面跳转

阻止a标签点击跳转刷新

这是一个所有做前端都会遇到的问题: 布局是这样的,有一个宽高100px背景为红的div,默认是display:none 隐藏状态: 给两个a标签绑定的同一个click事件,改变div的display为block:让其显示: 但是第一个a标签点击后div刚出现立马就没有了:第二个a标签点击后div会正常显示: 初遇到这个问题的时候,马虎点的童鞋可能要迷茫很久都找不到原因,而细心点就会发现是a标签点击后页面刷新了,所以闪过: 一部分童鞋始终不知道怎么阻止a标签跳转,于是就换用其他标签,避免给a标签添

用PHP实现浏览器点击下载TXT文档的方法详解

[[注:其他文件想设置成下载文件,和下面介绍的方法一致]] 由于现在的浏览器已经可以识别txt文档格式,如果只给txt文档做一个文字链接的话,点击后只是打开一个新窗口显示txt文件的内容,并不能实现点击下载的目的.当然这个问题的解决办法也可以是将txt文件改名为浏览器不认识的文件(比如rar),这样的话,由于浏览器不能识别rar类型的文件,只能让用户下载了.还有一种办法,就是利用代码通过header设置文档的格式来实现点击下载的目的. PHP代码如下:======================