博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端:文件下载功能
阅读量:7157 次
发布时间:2019-06-29

本文共 1001 字,大约阅读时间需要 3 分钟。

需求:页面上有一个下载按钮,点击后实行文件下载功能。

方式一:使用window.open()

方式二:使用form表单下载

方式三:使用a标签,H5中有download属性

还可以使用第三方类库:npm install downloadjs

 

方式一:使用window.open()

     var exportURL = "/moduleName/rest/exportdata?startDate=" + startDate + "&endDate=" + endDate;        console.log(exportURL);        ajaxWrapper(exportURL, function () {            window.open(exportURL, "_blank");//打开一个新的窗口,调用下载的API        }, function () {                          alert("Error");                window.location.reload();                    });

方式一中存在一个问题: 下载文件时,能不能不打开新的窗口?(打开新的窗口需要设置浏览器:偏好设置->安全性,去掉阻止弹窗的复选框)

方式二:使用form表单下载 

//通过form          $eleBtn2.click(function(){              var $eleForm = $("
"); $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master"); $(document.body).append($eleForm); //提交表单,实现下载 $eleForm.submit(); });

方式三:使用a标签

  

转载于:https://www.cnblogs.com/purple1/p/9106346.html

你可能感兴趣的文章
oracle Constraint[相似 constraint使用方法总结 I]
查看>>
huffman编码——原理与实现
查看>>
js特效,轻松实现内容的无缝平滑滚动
查看>>
JD-GUI
查看>>
POJ2063 Investment 【全然背包】
查看>>
漏洞都是怎么编号的CVE/CAN/BUGTRAQ/CNCVE/CNVD/CNNVD
查看>>
WebHelper-SessionHelper、CookieHelper、CacheHelper、Tree
查看>>
thinkphp添加后台的构思以及添加数据功能
查看>>
ceph理论及部署配置实践
查看>>
Mysql基础之字符集与乱码
查看>>
hdu 1829 A Bug's Life(分组并查集(偏移量))
查看>>
2015微信商业化正式启幕 为企业开启O2O主阵地
查看>>
winScp上传文件时,如何过滤制定文件
查看>>
通过NavMeshObstacle解决NavMesh防卡
查看>>
Current-sense monitor and MOSFET boost output current
查看>>
实验二 伸展树算法设计与实现
查看>>
kendo-ui表单验证
查看>>
ocp 1Z0-051 71-105题解析
查看>>
Web App之一
查看>>
linux less命令详解
查看>>