我尝试使用Angular将https://github.com/alexk111/ngImgCrop的https://github.com/blueimp/jQuery-File-Upload客户端裁剪实现到https://blueimp.github.io/jQuery-File-Upload/angularjs.html，例如此演示：https://blueimp.github.io/JavaScript-Load-Image/
我想要完成的是将这两者的类似功能结合起来：
我想允许用户在上传之前裁剪图像，但我无法找到图像的任何信息。 file内的ng-repeat为空，因为图片未上传，所以我在哪里可以找到图片的数据？我唯一设法找到的是<canvas>，它被附加在js / jquery.fileupload-angular.js：385 $element.append(preview);中。
我应该传递ng-crop模块的原始图像的数据，然后它应该将缩略图传递回blueimp file uploader，以便用户可以看到他/她将要播放的裁剪文件的缩略图上传。我想添加ng-repeat一个按钮，例如<button type="button" class="btn btn-default crop" data-ng-click="file.$crop()" data-ng-hide="!file.$crop">Crop</button>，它应该打开一个模式，其中是crop模块。
我没有要求你提供100％完整的源代码，我可以复制粘贴，一切都应该正常工作，我希望得到一些建议，我应该从哪里开始和/或如何做到这一点。
如果您碰巧知道任何更好的裁剪图像模块，请随时告诉我，我不需要使用ngImgCrop，只要它适用于angular和blueimp file upload。