关于这个插件的使用这里介绍的非常清楚https://github.com/think2011/localResizeIMG,下面是我项目中的一个实例,引入的js在github上下载:
html中:
Document
<script language="javascript" type="text/javascript" src="./localResizeIMG-master/dist/lrz.bundle.js"></script>
<script language="javascript" type="text/javascript" src="./jquery-2.1.1.min.js"></script>
点击上传
图片
<script>
$("#uploadImg").change(function(){
lrz(this.files[0], {width:640})
.then(function (rst) {
//可以在此处添加wait的GIF图片
$.ajax({
url: 'lrz.php',
type: 'post',
data: {img:rst.base64},
dataType: 'json',
timeout: 200000,
success: function (data) {
console.log(data.img_url);
//如果添加了GIF图片可以在此处删除
},
error: function (data) {
}
});
})
.catch(function (err) {
})
.always(function () {
});
});
</script>
php中: