demo直接下载
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img id="hehehe" />
<input type="file" id="selectfile" οnchange="imgChange()" />
<script src="lib/piccompre/localResizeIMG/dist/lrz.all.bundle.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function imgChange() {
lrz(document.getElementById("selectfile").files[0], {
width: 500, //设置图片压缩后的最大宽度,默认为原图宽度
height: 500, //同上
quality: 0.4, //图片压缩质量,取值 0 - 1,默认为 0.7
}).then(function(rst) {
// 展示处理好的图片
// var img = new Image();
// img.src = rst.base64;
// img.onload = function() {
// document.body.appendChild(img);
// };
document.getElementById("hehehe").setAttribute('src', rst.base64);
return rst;
}).then(function(rst) {
// 展示处理好的图片
var UForm = new FormData();
UForm.append("subImg", rst.file);
console.log(UForm.get("subImg"));
}).catch(function(err) { //处理失败后执行
alert(err);
}).always(function() { //必然执行
});
}
</script>
</body>
</html>