HTML无刷新下载文件方法总汇
来源:互联网 发布:房地产数据分析模型 编辑:程序博客网 时间:2024/06/05 16:19
首先要保证有一个后台可以下载文件的方法,这里只总结前端解决方法,所以不对后台做分析,假设现在有一个下载文件的方法/project/download.action
。如果不想通过后台直接下载可以看我的另一篇文章《 html使用a标签不通过后台实现直接下载》。
使用a标签
<a href="/project/download.action" target="_blank">点击下载</a>
这里
target
属性不给也可以,但是页面会闪一下,体验不好。使用location.href属性
function downloadFile(url){ location.href=url;}
使用window.open
function downloadFile(url){ window.open(url);}
使用iframe
//javascript版本function downloadFile(url){ var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.src =url;}//jQuery版本function downloadFile(url){ $("body").append($("<iframe/>").attr("src",url);}
调用
<a href="javascript:void(0);" onclick="downloadFile('/project/download.action')">点击下载</a>
个人推荐第4种方法,比较灵活。
0 0
- HTML无刷新下载文件方法总汇
- html无刷新上传文件
- JS下载文件|无刷新下载文件
- 无刷新文件下载Excel文件
- ajax的无刷新文件下载
- angularJS实现无刷新文件下载
- ajax的无刷新文件下载
- js+php实现无刷新下载文件
- ajax无刷新下载文件 虚拟form
- Ajax下载文件(页面无刷新)
- 一个基于src和ashx的无刷新下载文件和更新图片的方法
- jQ文件无刷新上传插件下载及介绍
- spring mvc + ajax实现无刷新下载文件
- 无刷新实现文件下载,同时带有错误提示
- HTML页面跳转的方法总汇
- HTML的iframe标签自适应方法总汇
- 防止access数据库被下载方法总汇
- 无刷新文件上传
- 腾讯云服务器点评
- Android 添加数据到RecyclerView的顶部
- jquery attr & prop
- Java的内存泄露
- 计数排序——O(n)复杂度基于非比较的排序方法
- HTML无刷新下载文件方法总汇
- ant 打包android应用
- 毕业三年!
- qmake pro文件 生成的makefile文件中包含moc文件依赖项的条件
- JAVA中Socket服务器/客户端的通信
- 2.多一些打印
- 继续firefly,我们来看看as3网游烽烟ol的架设和简单分析
- 解决gem update --system的Gem::RemoteFetcher::FetchError错误
- servlet和JSP 对比区别