diff --git a/src/app/docs/components/resizing-cropping-images-demo/resizing-cropping-images-example-03/resizing-cropping-images-example-03.component.ts b/src/app/docs/components/resizing-cropping-images-demo/resizing-cropping-images-example-03/resizing-cropping-images-example-03.component.ts index ce292d6d9..6cf5b2a40 100644 --- a/src/app/docs/components/resizing-cropping-images-demo/resizing-cropping-images-example-03/resizing-cropping-images-example-03.component.ts +++ b/src/app/docs/components/resizing-cropping-images-demo/resizing-cropping-images-example-03/resizing-cropping-images-example-03.component.ts @@ -37,7 +37,6 @@ export class ResizingCroppingImagesExample03Component { onCropped(e) { this.croppedImage = e.dataURL; console.log(e); - console.log(this.img); } constructor( diff --git a/src/lib/resizing-cropping-images/resizing-cropping-images.ts b/src/lib/resizing-cropping-images/resizing-cropping-images.ts index 116f996db..129e5d0c7 100644 --- a/src/lib/resizing-cropping-images/resizing-cropping-images.ts +++ b/src/lib/resizing-cropping-images/resizing-cropping-images.ts @@ -287,14 +287,13 @@ export class LyResizingCroppingImages { this._fileName = _img.value.replace(/.*(\/|\\)/, ''); - - /** Set type */ - if (!this.config.type) { - this._defaultType = _img.files[0].type; - } fileReader.addEventListener('loadend', (loadEvent) => { const originalImageUrl = (loadEvent.target as FileReader).result as string; this.setImageUrl(originalImageUrl); + /** Set type */ + if (!this.config.type) { + this._defaultType = _img.files[0].type; + } this.cd.markForCheck(); }); fileReader.readAsDataURL(_img.files[0]); @@ -601,7 +600,7 @@ export class LyResizingCroppingImages { const w = img.width * quality; const h = img.height * quality; /** Only the new img is shown. */ - if (this._defaultType === 'image/png' || fileType === 'image/svg+xml') { + if (fileType === 'image/png' || fileType === 'image/svg+xml') { octx.globalCompositeOperation = 'copy'; } @@ -673,7 +672,7 @@ export class LyResizingCroppingImages { } let url; if (myConfig.type) { - url = result.toDataURL(`image/${myConfig.type}`); + url = result.toDataURL(`${myConfig.type}`); } else { url = result.toDataURL(this._defaultType); }