js如何保存图片

㈠ js中如何将某地址的图片保存到本地指定文件夹中

用JSPSMART处理,参考下面代码实现：

<%
//程序初始化 下面设置成要保存的文件夹。
String path_tmp = request.getRealPath("/") + "Upload";
String filename_p = "Test";
String path_new = request.getRealPath("/") + "Upload\" + filename_p;
//文件上传。

㈡ js脚本实现图片的保存

没那功能，如果生成的是svg代码，一般会把svg传到服务器绘制成图片格式然后返回下载，就像Ext中的图表。我知道一个类似的产品 strawberry ，不过我忘了它有没有保存功能。

㈢ js 保存图片到本地

<img src="image\00.jpg" id="select" class="style2"/>
<script>
function test(){
var test1=document.getElementById("select").src;
window.alert(test1)
}
test();
</script>

js代码执行应该放图片元素后面。 放在前面的时候，元素还是没有被浏览器加载，因此找不到

㈣ 怎么将js生成的图片自动保存到本地

js没有操作本地文件的权限，可以借助php等后端语言才行的，将图片提交之后，返回个下载地址，window.open就自动下载了。

㈤ js实现保存图片至客户端

不可能让直接保存的，你这不成了在客户端直接写文件系统了吗？
一般是直接将url跳转至图片的URL，有些浏览器就会直接识别让你保存。

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

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:

<ahref="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);

echofread($file,filesize($dir));

fclose($file);

exit;

?>

㈦ javascript 网页截图 保存为本地图片

可以做得到。注明：内容非原创。学习javascript的时候觉得好就保存下来的文章：

html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功
能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。


它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或
ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome,
Opera新的版本, IE9以上的浏览器。

因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。虽然它目前还是处理开发阶段，但还是很值得期待的。

这个插件依赖于jQuery插件，建议使用最新版的。
兼容性
html2canvas能在以下的浏览器中完美的运行。

- Firefox 3.5+
- Chrome
- Opera
- IE9使用方法
1、引入文件

首先我们需要引入jQuery库和html2canvas插件文件，注意html2canvas插件文件一定要在jQuery的后面引入，不然会报错。
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript"
src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
2、调用插件

通过html2canvas方法调用插件，该方法接受两个参数，第一个为要生成截图的DOM元素，第二个参数为插件的配置

html2canvas(document.body,{allowTaint:true,taintTest:false,
onrendered:function(canvas){canvas.id="mycanvas";
//document.body.appendChild(canvas);//生成base64图片数据vardataUrl=
canvas.toDataURL();varnewImg=document.createElement("img");
newImg.src=dataUrl;document.body.appendChild(newImg);}});

通过一个回调函数来处理获取到的截图。
图片跨域问题
在网页的图片中，如果有跨域图片，调用toDataURL的时候会出错
SecurityError: The operation is insecure.
解决方法是在跨域的服务器上设置header设置为允许跨域请求
access-control-allow-origin: * access-control-allow-credentials: true
官网主页: http://html2canvas.hertzen.com/
本站文章除注明转载外，均为本站原创或翻译，欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创和谐网络环境。
转载请注明：文章转载自：问说 » html2canvas根据DOM元素样式实现网页截图
本文标题：html2canvas根据DOM元素样式实现网页截图
本文地址：http://www.uedsc.com/html2canvas.html


原文链接：http://www.uedsc.com/html2canvas.html

㈧ JS怎么保存图片到本地

js没有操作本地文件的权限，可以借助.net,php等后端语言才行的，将图片提交之后，返回个下载地址，window.open就自动下载了。
但是图片可以是svg的话

function saveAs(Url,filename){
var blob=new Blob([''], {type:'application/octet-stream'});
var url = webkitURL.createObjectURL(blob);
var a = document.createElementNS(xhtml,'a');
a.href = Url;
a.download = filename;
var e = document.createEvent('MouseEvents');
e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
a.dispatchEvent(e);
webkitURL.revokeObjectURL(url);
2.saveAs(data,"new.svg")

㈨ 如何保存网站CSS和JS中的图片

如果该网页是通过外挂CSS、JS方式重构的话，那就会导致结构出错，这时你必须手动下载对应的css文件，简单的方式是打开源代码，查看是否存在.css或者.js的引用，如果有，手动下载，然后配置到相同的相对路径中，即可。
另外，楼主说的保存图片，直接就能保存了啊，在图片上右键即可。