lrz实现原理_利用lrz.bundle.js实现图片压缩上传

本文介绍了如何使用lrz.bundle.js进行图片压缩并上传的实现过程。通过调用lrz函数,设置图片最大宽度,并结合formData将压缩后的图片数据与其他表单数据一起发送到服务器。在上传过程中,还包含了文件大小的检查以及上传状态的管理。
摘要由CSDN通过智能技术生成

html部分:

js部分:

下载

//图片上传压缩方法

function compressImg(fileDom,form,callback){

var that = fileDom;

lrz(that.files[0], {

width: 800  //width:640这个代表的是图片占得内存的大小,值越小,占内存越小

}).then(function (rst) {

// 表单另外所带的参数

form.serializeArray().map(function (x) {

rst.formData.append(x.name,x.value);

});

callback(rst.formData);

});

}

// 上传按钮注册事件

$('.upload-name-img-input').live('change',function(event){

if (isUploadImgFlag) {

isUploadImgFlag = false;

setImgUploadDisable();

var currDom = $(this);

var files = event.target.files;

var fileSize = files[0].size;

if (parseInt(fileSize) > 30 * 1024 * 1024) {

currDom.val('');

isUploadImgF

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值