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

JavaScript020

JS 实现图片直接下载示例代码,第1张

本文为大家详细介绍下使用JS实现图片直接下载 具体实现代码如下 感兴趣的朋友可以参考下哈 希望对大家有所帮助   复制代码 代码如下: <a href="picName jpg" id=pic onclick="savepic()return false" class="page_speeder_81432313">点击下载</a> 复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20335

代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gbk" />

<title>JS实现下载文件</title>

<script language=JavaScript>

function download(obj){

if(document.all.ifrm==null){

objIframe=document.createElement("IFRAME")

document.body.insertBefore(objIframe)

objIframe.outerHTML="<iframe name=ifrm style='width:0hieght:0' src="+obj.href+"></iframe>"

re=setTimeout("download()",1)

}

else{

clearTimeout(re)

files=window.open(obj.href,"ifrm")

files.document.execCommand("SaveAs")

document.all.ifrm.removeNode(true)

}}

</script>

</head>

<body >

文档列表：请点出下载<br/>

<a href="file01.doc" id="filelist" onclick="download()return false" style="cursor:hand">文件1</a> <br/>

<a href="file02.pdf" id="filelist" onclick="download()return false" style="cursor:hand">文件2</a>

</body>

</html>

在按钮上写属性 onclick="函数名()" ，作用是绑定click事件

如

<input type="button" onclick="Click()" value="Download" />

然后在脚本处写上对应的函数即可，在函数中跳转到相应的文件路径就行。如

function Click(){

    window.location.href="文件的url地址"

}