1.1.1 • Published 6 years ago
compress_y v1.1.1
参数解释:
- maxWidth: 允许的最大图片宽度(必填, number类型)
- maxHeight: 允许的最大图片高度(必填, number类型)
- selector: 图片预览的容器ID(不需此功能传空 '', string类型)
- ifCut: 是否剪裁图片(默认取图片中心,剪裁成正方形, boolean类型)
cb: 回调函数(用于获取数据, function),有两个参数:1.当前图片的base64值 2.多个图片的base64数组
使用方法:
- 1.引入
- 2.创建Compress对象
- 3.调用Compress对象的readImg方法(需传入event事件对象)
4.通过回调函数获取base64值或数组,进行后续操作
<!-- html --> <input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" onchange="uploadImg(event)"> <!-- 引入 --> var Compress = require('compress_y') or import Compress from 'compress_y' <!-- js --> function uploadImg (event) { var compressObj = new Compress(300, 300, '', true, getBase64); compressObj.readImg(event); } function get getBase64 (base64, base64Arr) { // base64 string // an array of base64 string }
功能解释: 当上传图片尺寸大于参数maxWidth, maxHeight任意一项,则对图片进行等比缩放。暂无自定义剪裁功能