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

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

分类: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

要回复文章请先登录注册

jameslai

jameslai

压缩效果不不是很好,不知道怎么才能压缩到100K以内
2022-06-12 22:25
1***@qq.com

1***@qq.com

H5里,如何使用plus.zip
2021-12-29 18:05
1***@qq.com

1***@qq.com

手机上运行h5,plus报错。找不到
2021-12-29 17:44
必知富

必知富

ios APP 使用 compressImage,quality 设为 70 以上,图片反而变大了
2021-09-28 17:11
JS程序猿

JS程序猿

搜索 jsrun JSRUN里面教程更全面
2020-08-26 14:31
风云杭州

风云杭州

回复 七月羽歌 :
压缩原理其实是改变图片大小,你把图片的宽设为你想要的宽度,高等比例缩小,这样就达到了压缩的目的。quality不需要改变
2020-08-17 18:05
苛学加

苛学加

mark
2019-03-14 15:47
剑心无间

剑心无间

回复 剑心无间 :
很多情况并不需要把压缩后的文件落地,直接就网络传输出去了.
2018-12-09 18:00
剑心无间

剑心无间

这个能否直接支持图片文件,返回也为压缩后的内容呢?
比如增加个参数 source, 执行完成得到的是压缩后的内容.因为现在H5可以直接操作内存文件.
2018-12-09 17:58
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 dora :
我们怎么会阉割原生HTML5的功能,估计是你遇到了浏览器兼容问题。如此冲动可不好。
2018-08-17 18:50