Question

在我的网络应用程序中，我正在尝试实施个人资料图片上传，您可以在上传后裁剪图像。为此，我使用的是jQuery cropper插件：http://fengyuanchen.github.io/cropper/

问题是，我无法初始化它！在文档中，它声明：

使用$ .fn.cropper方法初始化。

我不确定这意味着什么，但我知道这很重要，因为我现在的代码是：

$('#profile-image').cropper({
  aspectRatio: 1 / 1,
  crop: function(e) {
    // Output the result data for cropping image.
    console.log(e.x);
    console.log(e.y);
    console.log(e.width);
    console.log(e.height);
    console.log(e.rotate);
    console.log(e.scaleX);
    console.log(e.scaleY);
  }
});

我遇到了错误：

TypeError：$（...）。cropper不是函数

任何帮助表示赞赏！我知道我很可能缺少对JS和jQuery的一些基本理解。

Answer 1

仔细检查您的脚本顺序。来自github的文档说它

<强>安装

包含文件：

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link  href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

所以第一个想法是，在您的代码中，cropper之前包含的jQuery或cropper脚本之前执行（包含）cropper的脚本

如何初始化fengyuanchen jQuery cropper插件？

1 个答案: