分类
<link rel="stylesheet" href="css/cropper.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/cropper.js"></script>
<button id="guyuan" style="margin:50px;">裁剪图片</button> <script type="text/javascript"> var img = '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>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。