马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

微信小程序 上传图片并等比列压缩到指定大小

[复制链接]
查看2582 | 回复0 | 2019-10-24 09:49:08 | 显示全部楼层 |阅读模式
微信小步调官方API中  wx.chooseImage() 是可以举行图片压缩的,惋惜的是不能压缩到指定巨细。
094909no1tatts7zo1c8t5.png



现实开辟中需求大概是压缩到指定巨细:
原生js可以使用canvas来压缩,但由于微信小步调对canvas有封装,使得使用canvas来压缩图片有了一些区别:
代码放在了git: https://github.com/jonyellow/code-diary/tree/master/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87%E5%8E%8B%E7%BC%A9
直接上代码:
094909elssse5eur99rbbe.png



094909mxkx7uxcb0sbasdx.png



主函数:
094910mwuckuiuzd6gl3g3.png



以上的三个函数可以写在一个公共的js文件内里  我是写在 common.js中的:
html:
094910ukx63nxav9i83x4a.png



在html中必要添加个canvas标签,一般这个标签不让他出如今页面中,因为它的作用仅仅是压缩图片的工具:
         在methods中增加chooseImg方法:
094911fv6vmgz3vmzwc94q.png


代码在现实项目中使用,能完成压缩图片到指定巨细的需求。
  






来源:https://www.cnblogs.com/jonyellow/archive/2019/10/23/11727776.html
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则