博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端:文件下载功能
阅读量:7156 次
发布时间: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

你可能感兴趣的文章
TestNG的简单使用
查看>>
数组可以容纳多少水----------给你出道题
查看>>
Linux之sar命令介绍
查看>>
飘逸的python - 增强的格式化字符串format函数
查看>>
纯html页面之间传参
查看>>
linux 如何查找io的进程
查看>>
AE控制图层中要素可见状态的几种方法
查看>>
Nginx之http_image_filter_module模块使用
查看>>
重温设计模式
查看>>
js dorado
查看>>
C#枚举
查看>>
ORACLE11g中毒恢复
查看>>
Maven核心概念之仓库,生命周期与插件
查看>>
android发送短信样例
查看>>
1044 拦截导弹 1999年NOIP全国联赛提高组 个人博客:attack.cf
查看>>
著名的英文搜索引擎
查看>>
linux中的strip命令简介------给文件脱衣服【转】
查看>>
算法笔记_184:历届试题 约数倍数选卡片(Java)
查看>>
1082 线段树练习 3 区间查询与区间修改
查看>>
(二)EasyUI 使用——常用组件
查看>>