使用cropper遇到的坑

最新推荐文章于 2025-06-03 09:02:10 发布

小兴安岭mx

最新推荐文章于 2025-06-03 09:02:10 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_34621987/article/details/80275813

java script 专栏收录该内容

1 篇文章

订阅专栏

本文记录了解决使用cropper.js进行图片编辑时遇到的兼容性问题过程。作者最初遭遇了TypeError错误提示，经过排查发现是由于重复加载了多个版本的jQuery导致的问题。最终通过精简jQuery引入文件，成功解决了该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前不久使用cropper对图片进行编辑，一直碰见如下错误

Uncaught TypeError: $(...).cropper is not a function
    at FileReader.reader.onload (personal.jsp:186)

在尝试更换不同版本的jquery.min.js和jquery.js文件多次之后，问题没有得到解决

尝试更换不同版本的cropper.min.js文件多次之后，问题依然没有得到解决

在心态有些爆炸的情况，突然受到他人的“指点”，突然发现项目里导入了很多次jquery.js和jquery.min.js...

<!-- Java Script
   ================================================== --> 
   <script src="../js/jquery-2.1.3.min.js"></script>
   <script src="../js/plugins.js"></script>
   <script src="../js/main.js"></script>  
   <script src="../js/test.js"></script>
   <script src="../js/jquery-2.1.1.js"></script>

于是把多余的jquery全部删掉，只留下一个

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="../js/cropper.min.js"></script>

于是发生了奇迹的性的一幕

终于不报错了

我......