大家都知道,网页上传本地文件可以用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】前台页面调出文件另存为对话框几种方法相关推荐

  1. php读取文件内容不全,php读取文件内容的三种方法

    //**************第一种读取方式***************************** 代码如下: header("content-type:text/html;chars ...

  2. python一次性读取整个文件-python逐行读取文件内容的三种方法

    一.使用open打开文件后一定要记得调用文件对象的close()方法.比如可以用try/finally语句来确保最后能关闭文件. 二.需要导入import os 三.下面是逐行读取文件内容的三种方法: ...

  3. java 中io的删除文件_总结删除文件或文件夹的7种方法-JAVA IO基础总结第4篇

    本文是Java IO总结系列篇的第4篇,前篇的访问地址如下: 如果您阅读完成,觉得此文对您有帮助,请给我点个赞,您的支持是我不竭的创作动力. 为了方便大家理解,我特意制作了本文对应的视频:总结删除文件 ...

  4. 多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...

    在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...

  5. linux系统中清空文件内容的三种方法

    1.使用vi/vim命令打开文件后,输入"%d"清空,后保存即可.但当文件内容较大时,处理较慢,命令如下: vim file_name :%d :wq 2.使用cat命令情况,命令 ...

  6. php中读取文件内容的几种方法。(file_get_contents:将文件内容读入一个字符串)...

    php中读取文件内容的几种方法.(file_get_contents:将文件内容读入一个字符串) 一.总结 php中读取文件内容的几种方法(file_get_contents:将文件内容读入一个字符串 ...

  7. html页面转换成图片的三种方法——canvas、dom-to-image、html2canvas

    html页面转换成图片的三种方法--canvas.dom-to-image.html2canvas canvas绘制网络图片报错(跨域) 使用canvas将html页面转成图片 dom-to-imag ...

  8. java 获取包路径_java获取java文件路径的四种方法

    java获取java文件路径的四种方法 发布时间:2020-04-17 11:03:45 来源:亿速云 阅读:750 作者:小新 今天小编给大家分享的是java获取java文件路径的四种方法,很多人都 ...

  9. html 自动跳转手机版,HTML实现页面自动跳转的五种方法

    在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧. 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同 ...

最新文章

  1. 【组队学习】【32期】Linux实践
  2. java8中谨慎使用实数作为HashMap的key
  3. python 学习笔记 运算符优先级(8)
  4. ajax——XMLHttpRequest
  5. c++,当const char*为0时,不能将其直接赋给string
  6. Django系列之启动入口源码分析
  7. Excel 2016新增函数之TEXTJOIN
  8. Java EE与Java SE:Oracle是否放弃了企业软件?
  9. python settings模块导入不了_无法导入设置“myproject.settings”(是否在sys.path上?):没有名为pinax的模块...
  10. JS高级——纯函数、柯里化(手写自动柯里化函数)、组合函数(手写自动组合函数)
  11. Guangsoushensou 2
  12. WEB开发新势力——Openparty
  13. spring中for循环中事务
  14. To Do List
  15. python-第三课-字符串详解
  16. Raucous Rockers_usaco3.4.4
  17. abaqus截面惯性矩_各种截面的惯性矩怎么计算?
  18. extern小结(转)
  19. NOIP2015普及组复赛T4——推销员
  20. 亲属卡额度是什么意思_2019信用卡权益总结之十二:附属卡

热门文章

  1. 软件测试要学什么?软件测试学习路线资料分享
  2. Caffeine教程
  3. 山西财经大学计算机专业考试题,计算机复习资料山西财经大学版.doc
  4. Linux安装Elasticsearch和Kibana
  5. 阿拉伯文变形规范,阿拉伯语变形规则,阿拉伯文组合规则
  6. 翻译翻译,什么叫他妈的惊喜?
  7. 大鱼吃小鱼算法java,瞬间高大上了!
  8. 联想拯救者R7000_2020款黑屏解决方案
  9. 微信内置浏览器网页刷新
  10. 云计算进入多云时代 青云QingCloud如何帮企业做好多云管理?