JS 实现图片直接下载示例代码

 更新时间:2013年07月22日 17:49:25   作者:  
本文为大家详细介绍下使用JS实现图片直接下载,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
复制代码 代码如下:

<a href="picName.jpg" id=pic1 onclick="savepic();return false;" style="cursor:hand">点击下载</a>

复制代码 代码如下:

<script type="text/javascript">
function savepic() {
if (document.all.a1 == null) {
objIframe = document.createElement("IFRAME");
document.body.insertBefore(objIframe);
objIframe.outerHTML = "<iframe name=a1 style='width:400px;hieght:300px' src=" + imageName.href + "></iframe>";
re = setTimeout("savepic()", 1)
}
else {
clearTimeout(re)
pic = window.open(imageName.href, "a1")
pic.document.execCommand("SaveAs")
document.all.a1.removeNode(true)
}
}
</script>

相关文章

  • JavaScript 继承的实现

    JavaScript 继承的实现

    正因为JavaScript本身没有完整的类和继承的实现,并且我们也看到通过手工实现的方式存在很多问题, 因此对于这个富有挑战性的任务网上已经有很多实现了
    2009-07-07
  • javascript的offset、client、scroll使用方法详解

    javascript的offset、client、scroll使用方法详解

    javascript的offset、client、scroll在使用过程中非常频繁,接下来将对此进行一一介绍,需要了解的朋友可以详细参考下
    2012-12-12
  • 基于javascript显示当前时间以及倒计时功能

    基于javascript显示当前时间以及倒计时功能

    这篇文章主要为大家详细介绍了基于javascript显示当前时间以及倒计时功能的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • javascript按指定格式输出文件最后更新时间

    javascript按指定格式输出文件最后更新时间

    javascript按指定格式输出文件最后更新时间...
    2007-08-08
  • 鸿蒙系统中实现图片上传功能全流程

    鸿蒙系统中实现图片上传功能全流程

    在鸿蒙系统中实现图片上传功能,整体流程可以类比为 “选快递→填单→发货→签收” 的过程,下面给大家介绍鸿蒙系统中实现图片上传功能全流程,感兴趣的朋友一起看看吧
    2025-04-04
  • JavaScript三元表达式示例详解

    JavaScript三元表达式示例详解

    这篇文章主要给大家介绍了关于JavaScript三元表达式的相关资料,三元运算符是JavaScript仅有的使用三个操作数的运算符,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • 将rmb数字位钱数转化为中文钱数的js函数

    将rmb数字位钱数转化为中文钱数的js函数

    用力将用户输入的钱数,中文化输出的函数代码,需要的朋友可以参考下。
    2010-07-07
  • JS获取html元素的标记名实现方法

    JS获取html元素的标记名实现方法

    下面小编就为大家带来一篇JS获取html元素的标记名实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript中的style.display属性操作

    JavaScript中的style.display属性操作

    今天为大家介绍的是JavaScript中的style.display属性操作实现代码与参数介绍
    2013-03-03
  • 表格展示利器 Bootstrap Table实例代码

    表格展示利器 Bootstrap Table实例代码

    在表格导出数据中,发现设置了分页参数,导出的数据仅为表格加载的分页参数数据,于是,针对这样的情况,通过设置分页参数的值,使表格可以加载更多的数据,可达到导出所有数据的功能需求。下面通过本文给大家分享表格展示利器 Bootstrap Table
    2017-09-09

最新评论