Javascript Can'；t初始化crapper.js（未捕获类型错误：image.crapper不是FileReader.oFReader.onload上的函数）

我正在使用crapper.js，当我尝试初始化时，我得到了错误

uncaughttypeerror:image.crapper不是FileReader.oFReader.onload的函数。我从我做的最后一个项目中复制了代码，在那个项目中它正常工作

我已经尝试了cropper和cropper.js，但没有任何效果。
我将裁剪器输入到html中，就像文档的开头一样



我的表单是这样的，还有其他字段


…（更多html和其他字段）
Imagem Cabeçalo:

卡雷加图像

…（更多html和其他字段）

图像应该出现在这里


…（更多带有编辑图像按钮的html）

下面是初始化裁剪器所做的操作

我希望打开裁剪器，但我得到了错误
未捕获类型错误：image.crapper不是第一个裁剪器（
image.crapper（“destroy”）；
）中FileReader.oFReader.onload的函数。要修复此错误，我只将以下代码移到了页面主体

要修复它，我只需将以下代码移到我的页面正文中



$(function() {
   var image = $("#img-preview"); //where the image should appear
   //Initialize cropper when image is loaded in the form
   $("input:file").change(function() {
      $(".div-preview").removeClass("hidden"); //show the elements

      var oFReader = new FileReader();

      oFReader.readAsDataURL(this.files[0]);
      oFReader.onload = function (oFREvent) {
         image.cropper("destroy"); //In case I change the image
         image.attr("src", this.result); 
         image.cropper({
            aspectRatio: 1 / 1,
            viewMode: 1,
            toggleDragModeOnDblclick: false,
            dragMode: "move",
            crop: function(e) {}
         });
      };
   });
   ...(more jQuery and JavaScript to control the buttons)
});