html调用 另存为,【HTML】前台页面调出文件另存为对话框几种方法
大家都知道,网页上传本地文件可以用input type=file value=/来实现,在前台页面调出另存为对话框、将服务器上存放的文件保存到本地那要怎么实现呢?以下便介绍几种实现的思路和方法。 1.调用document.execCommand方法 调用JS方法document.execCommand即可在
大家都知道,网页上传本地文件可以用来实现,在前台页面调出另存为对话框、将服务器上存放的文件保存到本地那要怎么实现呢?以下便介绍几种实现的思路和方法。
1.调用document.execCommand方法
调用JS方法document.execCommand即可在前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。
这里有个很好的例子:
HTML页面另存为对话框DEMO.rar
代码:
functiongetimg()
//另存为存放在服务器上图片到本地的方法{
event.returnValue=false;
show.window.location.href=imgSrc.src;
timer=setInterval(checkload,100)
}functioncheckload()
{if(show.readyState!="complete")
{//调用document.execCommand方法,'Saveas'表示打开文件另存为对话框命令show.document.execCommand('SaveAs');
clearInterval(timer)
}
}
id="imgSrc"width="320px"height="200px"src="test.bmp"alt=""/>
id="btnSaveAs"type="button"value="另存为上图"οnclick="getimg()"/>
src=""name="show"style="width:0;height:0">
实现效果:
另外部分ie浏览器中,可能会阻止显示内容,点击上方"允许阻止的内容“即可正常运行
2. 调用ActiveX控件
实例化一个“MSComDlg.CommonDialog”对象,即可在前台页面调出另存为对话框,与先前Js方法不同,该ActiveX控件还能获取到你选择的本地保存路径。但缺点是客户端需要已经注册“COMDLG32.OCX”,且客户端浏览器对ActiveX安全级别要求不是很高,否则就无法调出另存为对话框。
实例代码:
try
{
OCXResult.Result.value = "";
//实例化一个ActiveX对象
var fd = new ActiveXObject("MSComDlg.CommonDialog");
//设置保存文件类型选项
fd.Filter = "BMP图片|*.bmp";
fd.FilterIndex = 2;
fd.fileName="你要保存的默认文件名";
// must setting
fd.MaxFileSize = 128;
//打开另存为文件对话框
fd.ShowSave();
}
catch(e)
{
confirm("当前您的系统尚未注册COMDLG32.OCX\n请先下载注册此控件后);
}
附自动向客户端本地系统注册"COMDLG32.OCX"程序
网页文件另存为对话框控件.rar
3.使用像第三方控件厂商提供的web控件(如硕正控件等)
以上就是本人目前所知的前台页面调出另存为对话框的三种方式,如有其它还望大家补充。。。
html调用 另存为,【HTML】前台页面调出文件另存为对话框几种方法相关推荐
- php读取文件内容不全,php读取文件内容的三种方法
//**************第一种读取方式***************************** 代码如下: header("content-type:text/html;chars ...
- python一次性读取整个文件-python逐行读取文件内容的三种方法
一.使用open打开文件后一定要记得调用文件对象的close()方法.比如可以用try/finally语句来确保最后能关闭文件. 二.需要导入import os 三.下面是逐行读取文件内容的三种方法: ...
- java 中io的删除文件_总结删除文件或文件夹的7种方法-JAVA IO基础总结第4篇
本文是Java IO总结系列篇的第4篇,前篇的访问地址如下: 如果您阅读完成,觉得此文对您有帮助,请给我点个赞,您的支持是我不竭的创作动力. 为了方便大家理解,我特意制作了本文对应的视频:总结删除文件 ...
- 多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
- linux系统中清空文件内容的三种方法
1.使用vi/vim命令打开文件后,输入"%d"清空,后保存即可.但当文件内容较大时,处理较慢,命令如下: vim file_name :%d :wq 2.使用cat命令情况,命令 ...
- php中读取文件内容的几种方法。(file_get_contents:将文件内容读入一个字符串)...
php中读取文件内容的几种方法.(file_get_contents:将文件内容读入一个字符串) 一.总结 php中读取文件内容的几种方法(file_get_contents:将文件内容读入一个字符串 ...
- html页面转换成图片的三种方法——canvas、dom-to-image、html2canvas
html页面转换成图片的三种方法--canvas.dom-to-image.html2canvas canvas绘制网络图片报错(跨域) 使用canvas将html页面转成图片 dom-to-imag ...
- java 获取包路径_java获取java文件路径的四种方法
java获取java文件路径的四种方法 发布时间:2020-04-17 11:03:45 来源:亿速云 阅读:750 作者:小新 今天小编给大家分享的是java获取java文件路径的四种方法,很多人都 ...
- html 自动跳转手机版,HTML实现页面自动跳转的五种方法
在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧. 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同 ...
最新文章
- 【组队学习】【32期】Linux实践
- java8中谨慎使用实数作为HashMap的key
- python 学习笔记 运算符优先级(8)
- ajax——XMLHttpRequest
- c++,当const char*为0时,不能将其直接赋给string
- Django系列之启动入口源码分析
- Excel 2016新增函数之TEXTJOIN
- Java EE与Java SE:Oracle是否放弃了企业软件?
- python settings模块导入不了_无法导入设置“myproject.settings”(是否在sys.path上?):没有名为pinax的模块...
- JS高级——纯函数、柯里化(手写自动柯里化函数)、组合函数(手写自动组合函数)
- Guangsoushensou 2
- WEB开发新势力——Openparty
- spring中for循环中事务
- To Do List
- python-第三课-字符串详解
- Raucous Rockers_usaco3.4.4
- abaqus截面惯性矩_各种截面的惯性矩怎么计算?
- extern小结(转)
- NOIP2015普及组复赛T4——推销员
- 亲属卡额度是什么意思_2019信用卡权益总结之十二:附属卡