HTML无刷新下载文件方法总汇_html/css_WEB-ITnose
程序员文章站
2024-02-07 11:45:10
...
首先要保证有一个后台可以下载文件的方法,这里只总结前端解决方法,所以不对后台做分析,假设现在有一个下载文件的方法/project/download.action。如果不想通过后台直接下载可以看我的另一篇文章《 html使用a标签不通过后台实现直接下载》。
使用a标签
这里target属性不给也可以,但是页面会闪一下,体验不好。
使用location.href属性
javascriptfunction downloadFile(url){ location.href=url;}
使用window.open
javascriptfunction downloadFile(url){ window.open(url);}
使用iframe
javascript//javascript版本function downloadFile(url){ var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.src =url;}//jQuery版本function downloadFile(url){ $("body").append($("").attr("src",url);}
调用
点击下载
个人推荐第4种方法,比较灵活。
推荐阅读
-
使用PHP和HTML5 FormData实现无刷新文件上传教程_PHP
-
20个设计精致的用户界面 PSD 源文件免费下载_html/css_WEB-ITnose
-
使用PHP和HTML5 FormData实现无刷新文件上传教程,
-
求问w3c html dom的api在哪里下载?高分求教!每次写属性方法都乱试,很耗时间_html/css_WEB-ITnose
-
php+html点击a标签之后如何下载mp3格式的文件而不是直接打开?在线等!_html/css_WEB-ITnose
-
修改AFNetworking源文件可接收text/plain和text/html的方法_html/css_WEB-ITnose
-
使用PHP和HTML5 FormData实现无刷新文件上传教程,_PHP教程
-
为何js文件后面加一个参数?这样就会自动刷新本地js文件的缓存了么?_html/css_WEB-ITnose
-
HTML无刷新下载文件方法总汇_html/css_WEB-ITnose
-
使用PHP和HTML5 FormData实现无刷新文件上传教程_PHP