Установите высоту и ширину для изображения ng2-file-upload angular 5
Я использовал ng2-file-upload для загрузки изображений. В этом пакете я не нашел опцию для установки размеров изображения (высота и ширина).
ImageComponent.ts: -
import { FileSelectDirective, FileDropDirective, FileUploader, FileLikeObject } from 'ng2-file-upload/ng2-file-upload';
errorMessage : any;
allowedMimeType = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif'];
public uploader:FileUploader = new FileUploader({
url: this.giftCardService.apiUrl+'upload',
method: 'POST',
allowedFileType:["image"],
allowedMimeType: this.allowedMimeType,
maxFileSize : 500 * 1024
});
ngOnInit() {
this.uploader.onWhenAddingFileFailed = (item, filter, options) => this.onWhenAddingFileFailed(item, filter, options);
}
onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any) {
switch (filter.name) {
case 'fileSize':
this.errorMessage = 'Maximum upload size 500kb allowed.';
break;
case 'mimeType':
const allowedTypes = this.allowedMimeType.join();
this.errorMessage = `Type "${item.type} is not allowed. Allowed types: "${allowedTypes}".`;
break;
default:
this.errorMessage = `Unknown error (filter is ${filter.name}).`;
}
}
public onFileSelected(event:any)
{
if(this.uploader.queue[0])
{
this.uploader.queue[0].upload();
this.uploader.onCompleteItem = (item: any, response: any, status: any, headers: any) => {
var responsePath = JSON.parse(response);
}
}
}
ImageComponent.html: -
<input type="file" ng2FileSelect [uploader]="uploader" (onFileSelected)="onFileSelected($event)"/>
Как установить высоту и ширину для фотографий после или до загрузки?
Спасибо!