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

 更新时间:2015年07月26日 11:19:13   投稿:hebedich  
本文给大家汇总介绍了3中使用javascript实现将文件保存到本地的方法,非常的简单实用,有需要的小伙伴可以参考下。

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

<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> 

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

相关文章

  • 清除div下面的所有标签的方法

    清除div下面的所有标签的方法

    清除标签的方法有很多,下面有个不错的示例可以清楚div下面的所有标签,需要的朋友可以参考下
    2014-02-02
  • Js日期选择器并自动加入到输入框中示例代码

    Js日期选择器并自动加入到输入框中示例代码

    Js日期选择器点击并自动加入到输入框中方便输入,不可多得,具体实现如下,感兴趣的朋友可以参考下
    2013-08-08
  • JS实现判断有效的数独算法示例

    JS实现判断有效的数独算法示例

    这篇文章主要介绍了JS实现判断有效的数独算法,结合实例形式分析了javascript数独判断的原理及相关算法实现、使用操作技巧,需要的朋友可以参考下
    2019-02-02
  • javascript 面向对象封装与继承

    javascript 面向对象封装与继承

    本文是对自己这么长时间以来学习javascript面向对象的总结,这里针对封装和继承结合实例进行了详细分析,给有相同需求的小伙伴们参考下吧。
    2014-11-11
  • 老生常谈Javascript中的原型和this指针

    老生常谈Javascript中的原型和this指针

    下面小编就为大家带来一篇老生常谈Javascript中的原型和this指针。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-10-10
  • 使用layui的router来进行传参的实现方法

    使用layui的router来进行传参的实现方法

    今天小编就为大家分享一篇使用layui的router来进行传参的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现的JSON数组去重算法示例

    JS实现的JSON数组去重算法示例

    这篇文章主要介绍了JS实现的JSON数组去重算法,结合实例形式分析了javascript针对json数组的遍历、判断实现去重复功能相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 纯JS实现表单验证实例

    纯JS实现表单验证实例

    这篇文章主要介绍了纯JS实现表单验证实例,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • 彻底搞懂JS无缝滚动代码

    彻底搞懂JS无缝滚动代码

    彻底搞懂JS无缝滚动代码...
    2007-01-01
  • JQuery加载图片自适应固定大小的DIV

    JQuery加载图片自适应固定大小的DIV

    在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div大小时图片 自动适应div 的大小,实现思路如下,感兴趣的朋友可以了解下
    2013-09-09

最新评论