码迷,mamicode.com
首页 > 其他好文 > 详细

34模块-zip【文件压缩和解压、图片压缩和编辑】

时间:2018-07-19 17:25:46      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:get   onclick   地址   tpi   通过   user   line   scala   src   

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【文件压缩和解压、图片压缩和编辑】

标签:get   onclick   地址   tpi   通过   user   line   scala   src   

原文地址:https://www.cnblogs.com/xhrs/p/9336632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!