DCloud_heavensoft
DCloud_heavensoft
  • 发布:2014-12-17 05:07
  • 更新:2022-06-12 22:25
  • 阅读:48820

关于前端压缩图片、照片压缩、拍照压缩、录音压缩

分类:HTML5+

手机拍照的图片很大,直接上传很慢很费流量。

html5+的app

此时有几种处理方式:

  1. 使用HTML5+提供的plus.zip里的compressImage
    具体见:http://www.html5plus.org/doc/zh_cn/zip.html#plus.zip.compressImage
  2. 使用前端的js图片处理库来压缩图片
    方案1:http://ask.dcloud.net.cn/question/2089
    方案2:用canvas处理http://ask.dcloud.net.cn/question/2078
    方案3:jq有图片压缩插件http://ask.dcloud.net.cn/question/1791
  3. 使用Native.js
    Android手机有个系统级的api,可以可视化的裁剪图片。
    http://ask.dcloud.net.cn/question/8314

几种方式的特点和取舍。
plus api效率高,同时兼容ios和Android,但没有可视化界面,如果要指定区域裁剪,需要自己做可视化界面。
前端的处理方式性能略低,但好处是如果想同时用在公众号、wap站里,可以直接复用。
Native.js的方式只适合Android,并且部分Android手机有兼容性问题,但好处是如果做可视化裁剪,可视化界面不用自己做了,系统自带了。

关于录音压缩,由于录音时已经调用了系统的压缩算法,所以没必要进一步压缩了。
视频压缩参考:https://www.html5plus.org/doc/zh_cn/zip.html#plus.zip.compressVideo

uni-app

14 关注 分享
感受呼吸 盘龍 jnrobin 山有扶苏 别闹我有枪 8***@163.com Trust HOVER翱翔 1***@qq.com 诗小柒 siberiawolf37 zr12041019 9***@qq.com c***@foxmail.com

要回复文章请先登录注册

dora

dora

这些话说了不等于白说吗 随便看几个文档都能总结出来 垃圾玩意各种bug 还阉割原生html5功能 就是sb老板非要用这个打包
2018-08-17 09:40
1***@qq.com

1***@qq.com

回复 七月羽歌 :
3,4M的图片一压缩app就退出应用了。
2017-04-10 11:33
七月羽歌

七月羽歌

醉了。compressImage不好用。压缩quality怎么设置都没用。还有说format设置成jpg才有效果。即使这样了,压缩的图片文件量依然很大。再降低quality,就糊了。
2016-07-05 16:32
HGDQ

HGDQ

http://blog.csdn.net/zhuming3834/article/details/51582055
《HTML5 WebApp开发(四)相册/拍照-图片上传》
2016-06-03 22:24
炸鸡排超人

炸鸡排超人

你们压缩后多大的 好像不管怎么改 2.3M的照片只能是500k左右
2015-09-16 15:03
wangda_cn

wangda_cn

这个里面的也可以压缩:
http://ask.dcloud.net.cn/question/2078
2015-01-13 12:11
wangda_cn

wangda_cn

你看这个:
http://ask.dcloud.net.cn/question/2089
2015-01-13 12:11
飞上青天

飞上青天

有同样的问题。官方能给点提示么?
是在
<code>
plus.camera.getCamera().captureImage(function(p){
plus.io.resolveLocalFileSystemURL(p,function(entry){
appendPic(entry.toLocalURL());
})
});
plus.gallery.pick(function(p){
appendPic(p);
})

</code>

这里面进行处理么?


现在手机上的图片都是几兆几兆的,不压缩是不行的
2014-12-18 13:44
aaaa

aaaa

js压缩图片要通过input file的控件?用html5+里的那个点击图片添加的怎么弄呢?
2014-12-17 10:40