上传图片前端js压缩

function uploadImg(_this) {
	  	var fileName = _this.value;//文件名
		var extension = new String(fileName.substring(fileName.lastIndexOf('.')+1,fileName.length)).toLowerCase();//文件拓展名
		if (extension == 'jpg'||extension == 'jpeg'||extension == 'png'||extension == 'gif'||extension == 'bmp'){
		    //压缩图片
		    lrz(_this.files[0], {
		        width: 480,//图片宽度
		        quality: 0.9 //图片质量
		    },
		    function(rst) {
		        var show_img = new Image();
		        show_img.src = rst.base64; //加密图片流
		        _this.src = show_img.src; //将图片流赋值给input的src
		        $("#form1").ajaxSubmit({
		            type: "post",
		            dataType: "json",
		            data: {
		                'fileStream': _this.src //将base64加密的图片流上传到服务器
		            },
		            success: function(data) {
		                if (data == "error") {
		                    jAlert("上传失败！", "提示");
		                } else {
		                    $("#ddyyImg").attr("src", data);
		                    $("#imgPath").val(data);
		                }
		            }
		        });
		    });
		}else{
			jAlert("文件格式不正确！", "提示");
	  	}
	}

<input type="file" accept="image/*" id="imageurl" name="imageurl" οnchange="uploadImg(this);"/>

需要引入js文件：lrz.mobile.min.js（附下载链接）

示例代码：TestDemo（附下载地址）

参考方案localResizeIMG3-3.0.20.tar（感谢博主提供）-附下载链接