如何使用Angular.js添加裁剪圖像

Question

我需要一個幫助。我正在使用Angular.js（ ie-ngFileUpload ）上傳圖像。在這里，我需要根據所需的高度和ie-ngFileUpload裁剪圖像。我在下面解釋我的代碼。

<input type="file" class="filestyle form-control" data-size="lg" name="uploadme" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="20MB" ngf-min-height="100" ngf-resize="{width: 100, height: 100}"  custom-on-change="uploadFile" required="required" ngf-select="onFileSelect($file);">

控制器端代碼如下。

$scope.onFileSelect = function($files) {
 console.log('file details',$files);
 fileURL=$files;
}

在正常上傳中，我收到以下圖像格式的控制台消息。

$ngfName: "ADMIN_CATETYPE_IMG_PATHorig_iceproductgrooming2.png"
name: "ADMIN_CATETYPE_IMG_PATHorig_iceproductgrooming2.png"
size: 16903
type: "image/png"

在這里，我需要是否任何圖像都不符合要求的高度和寬度，因為它將要求裁剪該圖像，並且在再次裁剪后，該圖像將以上面給出的正確格式設置在文件輸入字段中。 js ngFileUpload模塊。請幫助我。

Answer 1

您可以使用此ngCrop指令。