php,或js如何实现点击图片另存为

JavaScript013

php,或js如何实现点击图片另存为,第1张

JS:

使用JS实现单击连接保存图片2种形式都可以第一种:

<script>

function SaveAs5(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>

<img src="t_screenshot_17616.jpg" id="DemoImg" border="0"

onclick="SaveAs5(this.src)">

第二种:

<script>function SaveAs5(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>

<img src="../t_screenshot_17616.jpg" id="DemoImg" border="0">

<a href="#" onclick="SaveAs5(document.getElementByIdx_x('DemoImg').src)">

点击这里下载图片 </a>

PHP:

<a href="test.php?url=uploads/1112/1-11122212201R28.jpg">下载</a>

test.php文件代码:

<?php

$dir=$_GET['url'] //获取图片地址$file = fopen($dir,"r") // 打开文件

Header("Content-type: application/octet-stream")

Header("Accept-Ranges: bytes")

Header("Accept-Length: ".filesize($dir))

Header("Content-Disposition: attachment filename=" . $dir)

echo fread($file,filesize($dir))

fclose($file)

exit

?>

问题分析:

打开需要保存的页面,在空白处右键,在出现的菜单中选择网页另存为即可,当前页面的html、css、js、图片都将被保存下来。以下为右键菜单截图。

右击页面,查看源文件,会出现一个TXT文本里面全是页面的代码,也包括了js代码,你可以把这个文本另存在本地,根据页面的类型可以保存为htm、html、aspx等文件。一般web开发都会把js代码封装成一个文件,页面只是指向了js文件在服务器上的地址。打开页面源文件,找到那些js引用的地址(如果你懂代码的话),复制粘贴在浏览器中(如果是相对地址请加上域名),回车后你就可以获得这个js文件了。之后就是把保存的页面文件中的js引用地址改成你保存之后的js地址了,可以写电脑上的绝对路径。比如 d:新建文件夹\1.js