您的位置:首页 > Web前端 > JavaScript

js下如何弹出保存对话框进行文件下载

2017-11-07 14:59 399 查看
前后台交互,后台返给前端的下载文件的路径假设为url,前端获取到这个url之后,需要下载整个文件,实现方法采用第二种:(1)、html5中的a标签中的href属性和download属性可以通过超链接的形式直接下载文件,download为下载的文件重新指定一个文件名,href为链接的文件地址,即为url。具体的写法如下:   <a href="/uploadfolder/xxxx.txt">点击下载</a>用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题,像txt,jpg这些浏览器支持直接打开的文件是不会执行下载的,而是会直接打开。这时候可以给a标签添加一个download属性:  <a href="/uploadfolder/xxxx.txt" download="文件名.txt">点击下载</a> download也可以不给值,这样就会使用默认的文件名。(2)、通过iframe标签中的src属性可以下载文件,src即为后台返给前端的url,具体的写法如下:                    function downloadFile(url) {try{var elemIF = document.createElement("iframe");elemIF.src = url;elemIF.style.display = "none";document.body.appendChild(elemIF);}catch(e){}}
<input type="button" value="进入1" onClick = "downloadFile('http://wan.exe')">
注:在HTML中,IFRAME的属性用SRC,但在JS中,只有部份浏览器支持修改SRC(读是没问题),真正通用的是要修改对应框架的href值。
function switchIframe(){window.frames["frameName"].location.href="action(或你需要的名字).aspx"}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: