最近在做项目的时候要用到上传图片制作头像这一功能,所以用到了cropit插件,之所以选择cropit插件主要还是因为他比较方便的,直接返回的就是裁剪过后Base64编码好的字符串,实际使用的时候只需要把对应的字符串Base64解码一下就ok,存储数据库的时候也可以直接将这个编码后的字符串存储,方便实用。

不过在使用cropit的过程中我也发现了一些问题,比如我上传一张70k作用的头像,经过裁剪之后反而变成了270k,这点我是不能接受的,网上查了一下,国内考虑类似问题的少之又少,国外倒是有几个家伙也发现了这个问题,不过也没有解决

作为一名写后台的码农,一开始看到这个我也是很悲伤的,不过经过不懈努力(昨晚劳资调到将近凌晨两点),这个问题还是被完美的解决了。

解决方案:

原本70k的现在44k,完美

解决:cropit插件无法缩小裁剪图片占用空间相关推荐

  1. 解决小米miui系统调用系统裁剪图片功能camera.action.CROP后崩溃或重新打开app的问题

    选择相册图片(或调用MediaStore.ACTION_IMAGE_CAPTURE拍照),然后裁剪.在其他系统上都测试正常,但是在小米上出现了问题.小米2s上,裁剪后点击确定直接卡死系统:小米3上,裁 ...

  2. 解决小米miui系统调用系统裁剪图片功能崩溃失败的问题

    项目中选择图片作为头像,都要经过剪裁的过程.一般我们都调用系统剪裁的方法.不过该方法在其它系统上都显示正常,但是在miui系统上就出错了.经测试发现其他系统 cropBitmap = data.get ...

  3. javaWeb实现裁剪图片上传整套方案

    实现思路 使用jcrop插件手机要裁剪图片的坐标 将收集到的参数传递到后台,在后台使用java图形对象绘制图像进行裁剪  后台处理流程:  1.将上传的图片按按照比例进行压缩后上传到文件服务器,并且将 ...

  4. JavaWeb实现裁剪图片上传完整代码

    JavaWeb实现裁剪图片上传完整代码 这篇文章主要为大家详细介绍了javaWeb实现裁剪图片上传完整代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了JavaWeb实现裁剪 ...

  5. 第10章第7节:使用iSlide的裁剪图片命令统一图片的尺寸 [PowerPoint精美幻灯片实战教程]

    幻灯片往往会用到很多的图片素材,这些图片的尺寸各异,为了统一它们的尺寸,可以使用插件提供的裁剪图片工具.首先选择这些图片素材. 点击设计排版工具,打开设计排版工具列表. 选择裁剪图片命令,打开裁剪图片 ...

  6. ipad html 自定义裁剪图片大小,移动端图片裁剪上传插件 Mavatar.js(原创)

    插件描述:移动端头像上传,支撑头像预览和放大缩小平移,内置上传至后端请求方法. 注:请在移动端用手势查看缩放效果,PC端无法缩放 Mavatar 移动端头像上传,支撑头像预览和放大缩小平移,内置上传至 ...

  7. android 固定比例图片裁剪插件,移动端添加图片裁剪的坑

    本文关键:阻止冒泡.canvas压缩.canvas裁剪.生成黑色图片. 最近项目需要在添加图片时实现裁剪功能,虽然 github 上开源的裁剪插件不少,试了好几个插件,在移动端体验好的寥寥无几.躺了几 ...

  8. jquery插件合集之图片裁剪

    jquery插件合集之图片裁剪 发表于 2011 年 01 月 23 日 由 梦三秋 我们在使用QQ空间.开心网.discus论坛等网站的个人中心时,有个上传个人头像的功能.用户在上传了个人照片之后, ...

  9. js截取图片 裁剪图片之cropper.js插件用法详解

    js截取图片 裁剪图片之cropper.js插件用法详解 源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...

最新文章

  1. 融资 2000 万美元后,他竟将核心代码全开源,这……能行吗?
  2. LuManager 高危SQL注入0day分析
  3. 利用puppeteer自动录入成绩
  4. 机器学习入门系列(2)--如何构建一个完整的机器学习项目(一)
  5. 简述isodata算法的原理_基于UWB技术的室内定位方法简述
  6. [Stack]Valid Parentheses
  7. 数据挖掘肿瘤预测_最新成年人群癌症预测模型:基于中国健康与营养调查(CHNS)数据!...
  8. 初学者对于SVM的一点点学习心得
  9. sql根据身份证计算年龄
  10. matlab 效度,量表的信度、效度检验方法小结
  11. 如何制定项目PMO战略计划?
  12. 射频中经常是用50欧姆作为阻抗匹配的标准的原因
  13. Codeforces Round #672 (Div. 2) Pokémon Army
  14. 复选框旁边出现三个点
  15. 火炬开发区理工学校计算机等级考,我校召开2018下半年全国计算机等级考试考务工作会...
  16. 判断一个日期是一年中的第几天
  17. 从12306抢票极限并发到秒杀系统核心架构
  18. python调用htk工具箱_HTK学习笔记(一)在win32(win7)下安装HTK详细体验教程
  19. 【学习总结】总结一些书籍、Blog、网站等资料汇总
  20. 活死细菌染色检测实例展示

热门文章

  1. 2017年过去了 我很怀念他
  2. 中秋节礼品回收的暴利猫腻
  3. 为Word2013文档加密
  4. 业务模型,该怎么搭建?
  5. 自然地理学——学习笔记
  6. 单/双引号多次嵌套问题
  7. 2022中国出海品牌价值50强榜单公布,手机通讯、家用电器、乘用车三类赛道品牌价值得分占比名列前茅 | 美通社头条...
  8. android 控制台命令大全,发送模拟器控制台命令
  9. 清空chrome浏览器缓存
  10. 优秀网络安全工程师的8个必备素质