js存儲圖片
『壹』 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;
?>
『貳』 js如何將base64格式圖片保存到伺服器
下面一小段代碼給大家分享Nodejs把接收圖片base64格式保存為文件存儲到伺服器上的方法，具體代碼如下所示：
app.post('/upload', function(req, res){
//接收前台POST過來的base64
var imgData = req.body.imgData;
//過濾data:URL
var base64Data = imgData.replace(/^data:image\/\w+;base64,/, "");
var dataBuffer = new Buffer(base64Data, 'base64');
fs.writeFile("image.png", dataBuffer, function(err) {
if(err){
res.send(err);
}else{
res.send("保存成功！");
}
});
});
『叄』 js中如何將某地址的圖片保存到本地指定文件夾中
用JSPSMART處理,參考下面代碼實現：
<%
//程序初始化 下面設置成要保存的文件夾。
String path_tmp = request.getRealPath("/") + "Upload";
String filename_p = "Test";
String path_new = request.getRealPath("/") + "Upload\" + filename_p;
//文件上傳。
『肆』 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")