目前网上photoClip裁剪图片的例子使用的jquery版本都比较低,没有3.0以上的,这样如果项目中使用3.0以上的Jquery版本,再使用网上的例子进行图片裁剪时就会报错,无法进行图片裁剪
(1)Jquery3.0移除了load()、unload()、error()等方法
Breaking change: .load(), .unload(), and .error() removed
These methods are shortcuts for event operations, but had several API limitations.
The event .load() method conflicted with the ajax .load() method.
The .error() method could not be used with window.onerror because of the way the DOM method is defined.
If you need to attach events by these names, use the .on() method, e.g. change $("img").load(fn) to $("img").on("load", fn)
从网上下载的jquery.photoClip.js使用的依旧是load()方法,如下
此时,需要将$img.load(imgLoad);修改为$img.on('load',imgLoad);即可
2.从jQuery1.8开始,.andSelf()方法已经被标注过时,在jQuery1.8和更高版本中应使用.addBack()。
从网上下载的jquery.photoClip.js使用的依旧是andSelf()方法,如下:
此时将andSelf改为andBack即可