34模块-zip文件压缩和解压图片压缩和编辑
Posted xhrs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了34模块-zip文件压缩和解压图片压缩和编辑相关的知识,希望对你有一定的参考价值。
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文件压缩和解压图片压缩和编辑的主要内容,如果未能解决你的问题,请参考以下文章