h5+更新增加了压缩图片功能,我调试有问题

分类：HTML5+

在zip下有这个示例. 这个应该用拍照或选取测试感觉更好些.
测试时,发现错误 clipimg is not defined
我看了js里没有这个引用的.应该已经内置了.我引入最新的mui.js了.
虽然报错,感觉图片还是被编辑过. 非常遗憾的是图片大小及分辨率都下来了.但文件大小没变.
最希望文件大小变化啊.

不知道有人测试出来没.

function compressImage(url){  

    plus.nativeUI.showWaiting("压缩图片");  
    plus.zip.compressImage({  
        src:url,  
        dst:url,  
        quality:20,  
        overwrite:true,  
        width:'50%'  
    },  
    function(i){  
        plus.nativeUI.closeWaiting();  
        clipimg.src=i.target;  
        console.log("压缩图片成功："+JSON.stringify(i));  
    }  
}

2015-07-05 17:33 负责人:无分享

8 个回复

stock2 (作者)

没有人用过吗?

stock2 (作者)

谢谢版主重排了页面.
如果有图片压缩成功的,请告知下. 谢谢

BoredApe - 有问题就会有答案。

clipimg 是你自定义的方法还是?做什么用的

stock2 (作者)

clipimg.src=i.target; 是官网 zip (demo)里的. 我没有改过. 我也特意找了js里也没有. 开始以为忘记引用js了.

BoredApe - 有问题就会有答案。

i.target的语法为:

void onSuccess( Event event ){  
    // Code here  
    var target = event.target; // 压缩转换后的图片url路径，以"file://"开头  
    var size = event.size; // 压缩转换后图片的大小，单位为字节（Byte）  
    var width = event.width; // 压缩转换后图片的实际宽度，单位为px  
    var height = event.height; // 压缩转换后图片的实际高度，单位为px  
}

clipimg 是用于显示压缩图片的你在html中定义它就OK了

<div id='display' class="display" onclick="this.style.display='none';">  
            <img id="clipimg" style="margin:auto;"/>  
</div>

stock2 (作者)

谢谢 ,楼上解决了问题.

原始照片默认在2078
我设置为width:'800',height:'auto'
设置宽度无效

stock2 (作者)

赞下,压缩图片非常快质量也不错. 目前大小比例,调试不理想.

stock2 (作者)

宽度或高度设置了,压缩出来的图片宽度和高度为指定的一半.
例如 width=1200 ,压缩结果图片width=600.
最大的问题我压缩后上传图片稍大些 >100k 图片就变成部分了.显示不全.
我的是小米2.
我查看过, 压缩后的图片是好的但上传后就有问题. 我上传通过 dateurl 方式接收的.
如果不压缩上传也都好的. 奇怪呀 .测试了好久.这个结果.

该问题目前已经被锁定, 无法添加新回复

h5+更新增加了压缩图片功能,我调试有问题

8 个回复

公告

相关问题

h5+更新增加了压缩图片功能,我调试有问题

与内容相关的链接

8 个回复

公告

相关问题