jQuery头像图片裁剪尺寸插件

jQuery头像图片裁剪尺寸插件，点击“裁剪图片”按钮弹出裁剪功能窗口，支持移动图像、裁剪图片、放大缩小、上下左右移动、翻转、重置等功能。

js代码
<scripttype="text/javascript"src="js/jquery.js"></script>
<scripttype="text/javascript"src="js/cropper.js"></script>
<scripttype="text/javascript">
varimg='img/tp.png'
$('#guyuan').click(function(){
Model_Cropper({
imgUrl:img,//图片地址/或者base64注：图片地址(需要在服务器环境下base64不需要)
proportion:[100,100],//宽/高裁剪and压缩比例单位px图片等比例压缩至200px/200px
confirm:function(result){//裁剪成功后返回的事件
//调用result.close()关闭弹框
//result.data为对象base64=处理后base64码blob=图片对象
console.log(result)
console.log('blob对象=======',result.data.blob)
console.log('base64=======',result.data.base64)
alert('打开控制台查看裁剪压缩返回数据')
},
})
})
//
$(function(){
$('#guyuan').click()
})
</script>



下载

2023-11-23 01:38 上传

点击文件名下载附件