ngx-image-uploader
Version:
Angular2 asynchronous image uploader with preview
63 lines (62 loc) • 2.18 kB
TypeScript
import { OnInit, OnDestroy, AfterViewChecked, ElementRef, Renderer, EventEmitter, ChangeDetectorRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import Cropper from 'cropperjs';
import { ImageUploaderService } from './image-uploader.service';
import { ImageUploaderOptions } from './interfaces';
import { FileQueueObject } from './file-queue-object';
export declare enum Status {
NotSelected = 0,
Selected = 1,
Uploading = 2,
Loading = 3,
Loaded = 4,
Error = 5,
}
export declare class ImageUploaderComponent implements OnInit, OnDestroy, AfterViewChecked, ControlValueAccessor {
private renderer;
private uploader;
private changeDetector;
statusEnum: typeof Status;
_status: Status;
thumbnailWidth: number;
thumbnailHeight: number;
_imageThumbnail: any;
_errorMessage: string;
progress: number;
origImageWidth: number;
orgiImageHeight: number;
cropper: Cropper;
fileToUpload: File;
imageElement: ElementRef;
fileInputElement: ElementRef;
dragOverlayElement: ElementRef;
options: ImageUploaderOptions;
upload: EventEmitter<FileQueueObject>;
statusChange: EventEmitter<Status>;
propagateChange: (_: any) => void;
constructor(renderer: Renderer, uploader: ImageUploaderService, changeDetector: ChangeDetectorRef);
imageThumbnail: any;
errorMessage: string;
status: Status;
writeValue(value: any): void;
registerOnChange(fn: (_: any) => void): void;
registerOnTouched(): void;
ngOnInit(): void;
ngAfterViewChecked(): void;
ngOnDestroy(): void;
loadAndResize(url: string): void;
onImageClicked(): void;
onFileChanged(): void;
validateAndUpload(file: File): void;
uploadImage(): void;
removeImage(): void;
dismissError(): void;
drop(e: DragEvent): void;
dragenter(e: DragEvent): void;
dragover(e: DragEvent): void;
dragleave(e: DragEvent): void;
private updateDragOverlayStyles(isDragOver);
private resize(result);
private getType(dataUrl);
private fileToDataURL(file, result);
}