/jquery.resizeImg

A jQuery plugin to get the base64 code of a resized picture

Primary LanguageJavaScriptApache License 2.0Apache-2.0

整体描述:

直接在客户端对图片文件进行压缩,并返回压缩图片的 base64 编码给回调函数。

本插件可以根据照片拍摄的方向信息自动纠正为正向。

请参考:演示页面

调用条件:

下载并复制 jquery.resizeImg.js,mobileBUGFix.mini.js 到网站目录,同时也需要事先准备好 jQuery 框架。

<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.resizeImg.js"></script>
<script type="text/javascript" src="/path/to/mobileBUGFix.mini.js"></script>

调用方式:

调用非常简单,只需向 type 为 file 的 input 元素执行 resizeImg 方法即可,如下:

$(fileObj).resizeImg(options);

其中opt为可选的设置项,默认为:

{
    mode: 0,                    // 缩放模式:1 - 按宽度,2 - 按比例,3 - 按大小
    val: 400,                   // 对应模式的变化量
    type: "image/jpeg",         // 生成图片的格式可为 image/jpeg 或 image/png
    quality: 0.8,               // 生成图片的质量(针对jpg格式)
    capture: true,              // 是否为移动端添加调用摄像头拍摄的功能
    before: new Function(),     // 在生成缩略图前的预处理,将传入未处理的图片文件对象
    callback: new Function()    // 处理后经base64编码的缩略图信息将传递给此回调函数
}

同时,opt亦可为一个返回此标准对象的函数,以自动响应页面其他元素的设置变更。

本插件调用比较简单,更多可参考 演示页面