javascript实现将文件保存到本地方法汇总


Posted in Javascript onJuly 26, 2015

下面是保存一个图片为示例,代码来源于网络,希望能够给大家带来一定的帮助,代码如下:

<script type="text/javascript"> 
function saveFile(imgUrl) 
{ 
 var oPop=window.open(imgUrl,"","width=1, height=1, top=5000, left=5000"); 
 for(;oPop.document.readyState != "complete"; ) 
 { 
  if(oPop.document.readyState=="complete")break; 
 } 
 oPop.document.execCommand("SaveAs"); 
 oPop.close(); 
} 
</script> 
</head>
<body>
<img src="../mytest.jpg" id="theimage" border="0"> 
<a href="#" onclick="saveFile(document.getElementById('theimage').src)"> 点击这里下载图片 </a> 
</body>
</html>

方法二:

function SaveAs5(imgURL)
  {
  var Pop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
  for(; oPop.document.readyState != "complete"; )
  {
  if (oPop.document.readyState == "complete")break;
  }
  oPop.document.execCommand("SaveAs");
  oPop.close();
  }

<img src="t_screenshot_17616.jpg" id="DemoImg" border="0" onclick="SaveAs5(this.src)">

方法三:

function SaveAs5(imgURL)
  {
  var Pop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
  for(; oPop.document.readyState != "complete"; )
  {
  if (oPop.document.readyState == "complete")break;
  }
  oPop.document.execCommand("SaveAs");
  oPop.close();
  }

<img src="../t_screenshot_17616.jpg" id="DemoImg" border="0"> 
<a href="#" onclick="SaveAs5(document.getElementById('DemoImg').src)"> 点击这里下载图片 </a>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jquery中ajax学习笔记3
Oct 16 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
alert和confirm功能介绍
May 21 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
javascript中递归的两种写法
Jan 17 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 #Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 #Javascript
javascript中setTimeout使用指南
Jul 26 #Javascript
jquery不常用方法汇总
Jul 26 #Javascript
浅谈JavaScript中指针和地址
Jul 26 #Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 #Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 #Javascript
You might like
用PHP创建PDF中文文档
2006/10/09 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
PHP编写文件多服务器同步程序
2016/07/02 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
div模拟滚动条效果示例代码
2013/10/16 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
Node.js 8 中的重要新特性
2017/06/28 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
koa大型web项目中使用路由装饰器的方法示例
2019/04/02 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
python3如何将docx转换成pdf文件
2018/03/23 Python
Python中实现单例模式的n种方式和原理
2018/11/14 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
秋季运动会稿件
2014/01/30 职场文书
体育教师自我鉴定
2014/02/12 职场文书
优秀团队申报材料
2014/12/26 职场文书
学校学期工作总结
2015/08/13 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
Pygame Event事件模块的详细示例
2021/11/17 Python
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers