Javascript 角度Js“;未捕获错误:无模块:UICROPER“;控制台上的错误

Javascript 角度Js“;未捕获错误:无模块:UICROPER“;控制台上的错误,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,嗨,我想在我的页面上实现图像裁剪器。我从中找到了一些代码。我使用了相同的代码,但代码不起作用,它显示了以下错误 angular.module('app',['uicroper'])) .controller('Ctrl',函数($scope){ $scope.myImage=''; $scope.myCroppedImage=''; var handleFileSelect=功能(evt){ var file=evt.currentTarget.files[0]; var reader=new

嗨,我想在我的页面上实现图像裁剪器。我从中找到了一些代码。我使用了相同的代码,但代码不起作用,它显示了以下错误

angular.module('app',['uicroper']))
.controller('Ctrl',函数($scope){
$scope.myImage='';
$scope.myCroppedImage='';
var handleFileSelect=功能(evt){
var file=evt.currentTarget.files[0];
var reader=new FileReader();
reader.onload=函数(evt){
$scope.$apply(函数($scope){
$scope.myImage=evt.target.result;
});
};
reader.readAsDataURL(文件);
};
元素(document.querySelector('#fileInput')).on('change',handleFileSelect);
});
.cropera{
背景:#e4;
溢出:隐藏;
字体大小:0px;
线高:0px;
}

裁剪图像:
选择图像文件:

您需要参考javascript,而您的代码还没有使用javascript

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="http://rawgit.com/CrackerakiUA/ui-cropper/master/compile/unminified/ui-cropper.js"> </script>

这是因为您没有在index.html中注入uiCropper js文件。您必须在index.html中包含uiCropper js。添加此文件t index.html并检查

<script src="http://rawgit.com/CrackerakiUA/ui-cropper/master/compile/unminified/ui-cropper.js"></script>