javascript - 未捕获的 TypeError : $(. ..).cropper 不是函数 - cropper.js

标签 javascript cropperjs cropper

我试过这个教程 link

我的代码是

<!DOCTYPE html>
<html>
<head>    
<link href="cropper.css" rel="stylesheet" />
</head>
<body>
<img id="teh" src="image.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="cropper.js"></script>
<script>        
    $("#teh").cropper();
</script>
</body>
</html>

但是,它在 $("#teh").cropper(); 处遇到错误 Uncaught TypeError: $(...).cropper is not a function

最佳答案

已经找到解决方案。我需要添加

<script src="jquery-cropper.js"></script>

这样就变成了

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="cropper.js"></script>
<script src="jquery-cropper.js"></script>

关于javascript - 未捕获的 TypeError : $(. ..).cropper 不是函数 - cropper.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59728272/

相关文章:

JavaScript:一张图像中的多重裁剪选择?

javascript - cropper.js 的跨域问题

javascript - measureText() 制表符

javascript - Google App脚本导出和替换csv文件

javascript - 意外的Javascript包含拆分和空数组过滤器输出

javascript - cropper.js 上传带有坐标的原始图像

javascript - 将两个项目的数组转换为列表并返回最大值

jquery - 如何限制可裁剪区域的宽度和高度以输出相同尺寸的图像?

angular - 使用带有 ng-file-upload 的cropper