基于 cropper 图片上传pc、移动端均可(支持旋转、拖拽、剪裁、缩略图、高亮等)

上传者: 35425070 | 上传时间: 2020-01-03 11:31:16 | 文件大小: 480KB | 文件类型: rar
移动端,PC 均支持,浏览器兼容性好,功能强,操作代码带中文注释,页面效果预览:https://blog.csdn.net/qq_35425070/article/details/88886383,除了博客中展示的页面,还附带使用 demo

文件下载

资源详情

[{"title":"( 60 个子文件 480KB ) 基于 cropper 图片上传pc、移动端均可(支持旋转、拖拽、剪裁、缩略图、高亮等)","children":[{"title":"头像","children":[{"title":"index.html <span style='color:#111;'> 23.94KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":".csslintrc <span style='color:#111;'> 479B </span>","children":null,"spread":false},{"title":".csscomb.json <span style='color:#111;'> 7.91KB </span>","children":null,"spread":false},{"title":".jshintrc <span style='color:#111;'> 406B </span>","children":null,"spread":false},{"title":"img","children":[{"title":"bg.png <span style='color:#111;'> 168B </span>","children":null,"spread":false}],"spread":true},{"title":"less","children":[{"title":"cropper.less <span style='color:#111;'> 283B </span>","children":null,"spread":false},{"title":"utilities.less <span style='color:#111;'> 941B </span>","children":null,"spread":false},{"title":"mixins.less <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false},{"title":"variables.less <span style='color:#111;'> 551B </span>","children":null,"spread":false},{"title":"main.less <span style='color:#111;'> 3.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"listen.js <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"outro.js <span style='color:#111;'> 4B </span>","children":null,"spread":false},{"title":"variables.js <span style='color:#111;'> 1.61KB </span>","children":null,"spread":false},{"title":"plugin.js <span style='color:#111;'> 784B </span>","children":null,"spread":false},{"title":"preview.js <span style='color:#111;'> 2.08KB </span>","children":null,"spread":false},{"title":"defaults.js <span style='color:#111;'> 1.85KB </span>","children":null,"spread":false},{"title":"methods.js <span style='color:#111;'> 10.06KB </span>","children":null,"spread":false},{"title":"template.js <span style='color:#111;'> 1.96KB </span>","children":null,"spread":false},{"title":"build.js <span style='color:#111;'> 2.22KB </span>","children":null,"spread":false},{"title":"load.js <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"intro.js <span style='color:#111;'> 530B </span>","children":null,"spread":false},{"title":"prototype.js <span style='color:#111;'> 42B </span>","children":null,"spread":false},{"title":"handlers.js <span style='color:#111;'> 4.43KB </span>","children":null,"spread":false},{"title":"utilities.js <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"cropper.js <span style='color:#111;'> 358B </span>","children":null,"spread":false},{"title":"change.js <span style='color:#111;'> 8.96KB </span>","children":null,"spread":false},{"title":"render.js <span style='color:#111;'> 12.03KB </span>","children":null,"spread":false}],"spread":false},{"title":".jscsrc <span style='color:#111;'> 1.74KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"main.js <span style='color:#111;'> 5.09KB </span>","children":null,"spread":false}],"spread":true},{"title":"examples","children":[{"title":"crop-avatar","children":[{"title":"index.html <span style='color:#111;'> 4.38KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"loading.gif <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"picture.jpg <span style='color:#111;'> 25.12KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"main.js <span style='color:#111;'> 7.61KB </span>","children":null,"spread":false}],"spread":true},{"title":"crop.php <span style='color:#111;'> 6.66KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 181B </span>","children":null,"spread":false},{"title":"css","children":[{"title":"main.css <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":"assets","children":[{"title":"img","children":[{"title":"picture-2.jpg <span style='color:#111;'> 50.18KB </span>","children":null,"spread":false},{"title":"icons.png <span style='color:#111;'> 2.83KB </span>","children":null,"spread":false},{"title":"picture.jpg <span style='color:#111;'> 153.67KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"qunit.js <span style='color:#111;'> 70.04KB </span>","children":null,"spread":false},{"title":"jquery.min.js <span style='color:#111;'> 93.68KB </span>","children":null,"spread":false},{"title":"bootstrap.min.js <span style='color:#111;'> 34.62KB </span>","children":null,"spread":false}],"spread":true},{"title":"fonts","children":[{"title":"glyphicons-halflings-regular.ttf <span style='color:#111;'> 44.34KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.woff2 <span style='color:#111;'> 17.61KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.eot <span style='color:#111;'> 19.66KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.svg <span style='color:#111;'> 106.19KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.woff <span style='color:#111;'> 22.88KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"bootstrap.min.css <span style='color:#111;'> 114.40KB </span>","children":null,"spread":false},{"title":"qunit.css <span style='color:#111;'> 4.87KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"fonts","children":[{"title":"icomoon.woff <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"icomoon.ttf <span style='color:#111;'> 1.34KB </span>","children":null,"spread":false},{"title":"icomoon.svg <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"icomoon.eot <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false}],"spread":true},{"title":"dist","children":[{"title":"cropper.min.js <span style='color:#111;'> 20.21KB </span>","children":null,"spread":false},{"title":"cropper.css <span style='color:#111;'> 4.49KB </span>","children":null,"spread":false},{"title":"cropper.min.css <span style='color:#111;'> 3.68KB </span>","children":null,"spread":false},{"title":"cropper.js <span style='color:#111;'> 52.56KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"default.css <span style='color:#111;'> 5.89KB </span>","children":null,"spread":false},{"title":"normalize.css <span style='color:#111;'> 1.78KB </span>","children":null,"spread":false},{"title":"main.css <span style='color:#111;'> 4.71KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明