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遍历checkbox介绍
Feb 21 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
JS截取字符串实例详解
Nov 24 Javascript
jQuery 3.0 的变化及使用方法
Feb 01 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
jQuery异步提交表单实例
May 30 jQuery
老生常谈JS中的继承及实现代码
Jul 06 Javascript
vue使用自定义指令实现拖拽
Jan 29 Javascript
js实现橱窗展示效果
Jan 11 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
React实现动效弹窗组件
Jun 21 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 HTML代码串 截取实现代码
2009/06/29 PHP
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
jQuery实现购物车数字加减效果
2015/03/14 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
2015/11/07 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
JavaScript随机生成颜色的方法
2016/10/15 Javascript
AngularJS入门示例之Hello World详解
2017/01/04 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
Python使用三种方法实现PCA算法
2017/12/12 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
python 3.74 运行import numpy as np 报错lib\site-packages\numpy\__init__.py
2019/10/06 Python
Python input函数使用实例解析
2019/11/22 Python
Pytorch之contiguous的用法
2019/12/31 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
东方电视购物:东方CJ
2016/10/12 全球购物
英国女装网上商店:I Saw It First
2018/10/18 全球购物
介绍一下Linux中的链接
2016/06/05 面试题
会计学个人自荐信模板
2013/12/13 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
请假条标准格式规范
2014/04/10 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
尊师重教演讲稿
2014/09/04 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android