Skip to content

前端本地客户端压缩图片,兼容IOS,Android,PC。

Notifications You must be signed in to change notification settings

Jamesun921/localResizeIMG3

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

介绍一下

  • 基于原生js
  • 提供pc & mobile版本,修复之前各位提到的BUG和疑问。
  • 仔细思考后,再一次重构了代码,移除了UI,仅作为纯粹的工具,方便二次开发。

希望这一版本能够真正帮到大家。 :)

演示

在线演示

基本例子

请先根据情况引入 lrz.mobile.min.jslrz.pc.min.js

var input = document.querySelector('input');

input.onchange = function () {
    // 也可以传入图片路径:lrz('../demo.jpg', ...
    lrz(this.files[0], {
        done: function (results) {
              // 你需要的数据都在这里,可以以字符串的形式传送base64给服务端转存为图片。
              console.log(results); 
        }
    });
}

详细API,点我

兼容性

  • IE9 及 以上
  • chrome 什么的都支持。
  • 移动设备几乎都支持,若有问题,请先在 在线演示 测试一下(移动设备请扫描二维码)。

移动设备请扫描

lrz的历史

  • lrz1,基于jquery。
  • lrz2,基于原生js,却是用coffeescript写的 Orz, 有UI,存在已知BUG。

常见问题

有疑问请直接在 issues 中提问👊,说明设备、型号及平台

  • Q:有时拍摄完照片后,页面自动刷新或闪退了。

  • A:内存爆掉了,常见于低配android手机,可以每次上传完毕后设置 results.base64 = null; 来释放内存,改善情况。

  • Q: 直接传入图片路径的无法生成图片

  • A: 可能有跨域的问题,具体请看CORS_enabled_image


时间: 2015年02月
演示: 在线演示
下载: 点此进入
博客: think2011

About

前端本地客户端压缩图片,兼容IOS,Android,PC。

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.7%
  • HTML 2.3%