㈠ 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的引用，如果有，手動下載，然後配置到相同的相對路徑中，即可。
另外，樓主說的保存圖片，直接就能保存了啊，在圖片上右鍵即可。