1. 程式人生 > >34模塊-zip【文件壓縮和解壓、圖片壓縮和編輯】

34模塊-zip【文件壓縮和解壓、圖片壓縮和編輯】

rotate border title onclick scale max line htm port

Zip模塊管理文件壓縮和解壓,通過plus.zip可獲取壓縮管理對象。

比較常用的就是 對圖片進行壓縮、轉碼、旋轉操作了

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>心得</title> <script type="text/javascript"> function one(up_file){
plus.zip.compressImage({ src:up_file,//要旋轉的圖片地址 dst:up_file,//旋轉後的圖片地址 rotate:90,// 旋轉90度 overwrite:true, }, function(pic) { document.getElementById("imglist").innerHTML = "<li><img src=‘"+pic.target+"‘ style=‘height:100px;‘ /></li>"; alert(‘操作成功‘); },function(error) {
alert("旋轉失敗"+error.message); }); } //從相冊選擇圖片 function getpic(){ plus.gallery.pick(function(e){ for(var i in e.files){ up_file = (e.files[i]); one(up_file); } },function(e){ alert(e.message); document.getElementById("imglist").innerHTML = ""; //設置選擇文件的參數 },{filter:"image",maximum:1,multiple:true,system:false});
} </script> </head> <style> li{line-height: 40px; height: 40px; border-bottom: #ccc dashed 1px;} </style> <body> <ul> <li onclick="getpic()">從相冊選擇圖片</li> </ul> <ul id="imglist"></ul> </body></html>

34模塊-zip【文件壓縮和解壓、圖片壓縮和編輯】