JQuery/js实例 | 使用PHP+Cropperjs对图片进行裁剪并保存效果图: jQuery.cropper 是一款使用简单且功能强大的图片剪裁 jQuery 插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持 canvas，并且支持跨浏览器使用。 官网：https://fengyuanchen.github.io/cropperjs/ cropper 免费 CDN https://cdn.bootcss作者王明昌发布时间2018-08-31最后更新2018-08-31 效果图: jQuery.cropper 是一款使用简单且功能强大的图片剪裁 jQuery 插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持 canvas，并且支持跨浏览器使用。 官网：https://fengyuanchen.github.io/cropperjs/ cropper 免费 CDN 复制https://cdn.bootcss.com/cropper/3.1.3/cropper.min.css https://cdn.bootcss.com/cropper/3.1.3/cropper.min.jscropper.js 配置参数 名称类型及默认值说明strict类型：Boolean，默认值true。在strict模式中，canvas不能小于容器，剪裁容器不能再canvas之外。responsive类型：Boolean，默认值true。是否在窗口尺寸改变的时候重置cropper。checkImageOrigin类型：Boolean，默认值true。默认情况下，插件会检测图片的源，如果是跨域图片，图片元素会被添加crossOrigin class，并会为图片的url添加一个时间戳来使getCroppedCanvas变为可用。添加时间戳会使图片重新加载，以使跨域图片能够使用getCroppedCanvas。在图片上添加crossOrigin class会阻止在图片url上添加时间戳，及图片的重新加载。background类型：Boolean，默认值true。是否在容器上显示网格背景。modal类型：Boolean，默认值true。是否在剪裁框上显示黑色的模态窗口。guides类型：Boolean，默认值true。是否在剪裁框上显示虚线。highlight类型：Boolean，默认值true。是否在剪裁框上显示白色的模态窗口。autoCrop类型：Boolean，默认值true。是否在初始化时允许自动剪裁图片。autoCropArea类型：Number，默认值0.8（图片的80%）0-1之间的数值，定义自动剪裁区域的大小。dragCrop类型：Boolean，默认值true。是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域。movable类型：Boolean，默认值true。是否允许移动剪裁框。resizable类型：Boolean，默认值true。是否允许改变剪裁框的大小。zoomable类型：Boolean，默认值true。是否允许放大缩小图片。mouseWheelZoom类型：Boolean，默认值true。是否允许通过鼠标滚轮来缩放图片。touchDragZoom类型：Boolean，默认值true。是否允许通过触摸移动来缩放图片。rotatable类型：Boolean，默认值true。是否允许旋转图片。minContainerWidth类型：Number，默认值200。容器的最小宽度。minContainerHeight类型：Number，默认值100。容器的最小高度。minCanvasWidth类型：Number，默认值0。canvas 的最小宽度（image wrapper）。minCanvasHeight类型：Number，默认值0。canvas 的最小高度（image wrapper）。build类型：Function，默认值null。build.cropper事件的简写方式。built类型：Function，默认值null。built.cropper事件的简写方式。dragstart类型：Function，默认值null。dragstart.cropper事件的简写方式。dragmove类型：Function，默认值null。dragmove.cropper事件的简写方式。dragend类型：Function，默认值null。dragend.cropper事件的简写方式。zoomin类型：Function，默认值null。zoomin.cropper事件的简写方式。zoomout类型：Function，默认值null。zoomout.cropper事件的简写方式。 最终实现代码: 选择图片 预览(100*100)： 裁剪图片
2018-05-30用jq把span的值实时改变input的val值jq两个及以上加减选框 把增减span的值传入input 同级下确定最后的input $(this).parent('.number').children("input").last().val(mm
2018-07-03实例 | WEUI框架uploader上传图片,传入服务器weui官网 http://jqweui.com/ // html 图片上传 0/6 // js $(function() { // 允许上传的图片类型 var allowTypes = ['imag
2018-02-09Ajax-form表单禁止跳转 onsubmit="return false"//在form属性中加入此属性,禁止跳转 form表单提交ajax 姓名: 密码: $(function(){ $("#tj").click( func
2018-07-12实例 | 百度地图在线标点使用(含信息窗口)var iscreatr=false; function initialize() { //---------------------------------------------基础示例-----
2018-08-29Uncaught TypeError: $(...).Validform is not a function 如何解决 使用jquery.validate.js时需要有正确的载入顺序的. 首先jquery.然后是jquery.validate.js，然后自己的validate.js文件，这样才能起作用
2018-07-03在ajax里面嵌套ajax,要使用(async:false)$.ajax({ url:'', async : false, type:'post', dataType:'json', data:{'a':a,'b':b,'c':c}, success:func