compresor_img v0.1.1

compresor_img

Una librería para reducir el peso de una imagen. V1.1

Instalación

Para instalar compresor_img, ejecuta el siguiente comando en tu terminal:

npm install compresor_img --legacy-peer-deps

En caso de error ejecutar este comando

npm install sweetalert2 file-saver

Uso

Ejemplo Module.ts

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { compresor_imgModule, compresor_imgComponent } from 'compresor_img';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    compresor_imgModule
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  providers: [compresor_imgComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

Ejemplo Component.ts

import { Component } from '@angular/core';
import { compresor_imgComponent } from 'compresor_img';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'prueba_lib';

  img:any;

  constructor(private Compresor:compresor_imgComponent){}

  ejecutar(event:Event){
    this.img = this.Compresor.onImageCompressed(event);
  }

  descargarImagen() {
    this.Compresor.downloadImage();
  }
}

Ejemplo HTML

<input type="file" (change)="ejecutar($event)">
<input type="button" *ngIf="img != undefined" (click)="descargarImagen()" value="Descargar imagen">

Contribuir

Proximamente...

Licencia

Proximamente...