Connect_logo_6.png 加入
前端视频教程 小法式榜样 众筹源码 python 商城源码 商城模板 照应式模板 中文模板 手机模板 企业源码
充值

jQuery头像图片裁剪尺寸插件

作者/代码整顿:  (转载请附加本文地址,带有“懒人原生”字样的拒绝转载) 发布日期:2019-07-24
jQuery头像图片裁剪尺寸插件,点击“裁剪图片”按钮弹出裁剪功能窗口,支撑移动图象、裁剪图片、缩小年夜减少、高低阁下移动、翻转、重置等功能。


js代码

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/cropper.js"></script>
<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>

猜你爱好...
laravel客客威客3.6众包义务平台正版带开辟和后台应用手册
黑马链区块链挖矿二开运营版
有钱还超火爆众筹体系微擎运营版送白皮书
135k代驾乘车1.2.20微擎微信小法式榜样源码 同城代驾体系源码
免签中转商户付出主动充值系总共六个模块带详细对接文档
Thinkphp5有钱还智能还款还贷体系包搭建
千行云服装论坛t.vhao.net5.2.2带教室答题测验和积分商城多个插件
深海易付出8.3.0全解密并去除授权带在线开辟文档
大年夜橙子3.16模板白色干净的照应式片子整站源码
数字资产区块链期权交易平台源码时间盘点位盘外汇交易平台源码
诺诺9.1二开视频打赏赚钱平台源码 对接付出跳转 火车头收集半主动收集
办事版码上点餐外卖餐饮体系7.5.6微擎公众号+小法式榜样预订外卖办事体系源码
给客户二开的一键生成转账截图验证还款才能
discuz x3.4新锐创想3.3轻主题社区 DZ服装论坛t.vhao.net贸易版门户模板pc+手机版二合一
Q仔来啦猖狂领养宠物集市开辟市场区块猪包搭建
vue金鸡报喜区块鸡体验后果堪比APP原生
最新签到活动抽奖源码自力版非微擎 微信互动摇一摇源码带婚庆背景带背景音乐
网站法式榜样源码交易平台整站源码 优良源码域名交易办事站点中间
火币虚拟币交易平台币币交易 区块链虚拟交易平台源码包搭建
共享推拿椅分红复利体系源码 投资理财分销体系源码手机版