js下如何弹出保存对话框进行文件下载
来源:互联网 发布:微信酒店订房系统源码 编辑:程序博客网 时间:2024/06/03 15:59
前后台交互,后台返给前端的下载文件的路径假设为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" }
阅读全文
0 0
- js下如何弹出保存对话框进行文件下载
- 如何实现web应用下载文件时不弹出文件保存对话框,而是直接保存到指定的文件中
- ASP.NET下载文件(弹出打开保存文件对话框)
- ASP.NET下载文件(弹出打开保存文件对话框)
- java 弹出文件保存对话框
- JS文件保存对话框
- java 如何实现文件下载时,弹出文件保存窗口
- C# 弹出文件下载对话框
- MFC和WTL 框架下如何弹出“打开文件对话框"
- 下载文件时没有弹出下载对话框
- DataSet生成Xml文件弹出保存对话框
- js在IE下面弹出打开和保存文件的对话框
- ObjectARX学习笔记(五)---- 如何弹出标准CAD文件打开和保存对话框acedGetFileD
- IE打开xml文件弹出下载对话框
- ie下载文件不弹出对话框
- 下载文件时出现保存对话框乱码
- 弹出页面进行文件下载,如何在文件下载完毕后,将该弹出的页面关闭掉的解决方案
- JS实现弹出下载对话框及常见文件类型的下载
- WebService(2)——使用eclipse的TCP_IP工具监听端口
- ofbiz——集成富文本编辑器ueditor
- 数据结构--哈夫曼树建立及打印编码
- 第二章 第六课 Scratch作品:摇摇晃晃的虫子(随机数和碰到边缘就反弹)
- android:windowSoftInputMode属性详解
- js下如何弹出保存对话框进行文件下载
- Conerstone破解版安装后提示“已损坏”问题
- 转发重定向用到的绝对路径 String path = request.getContextPath
- f_read 函数
- Session
- 改善程序员生活质量的 3+10 习惯
- 深度学习第四课第一周--卷积神经网络(随笔)
- 类中的静态成员变量和静态成员函数的作用
- Spring Boot 连接MySql数据库