@hec9527/image-compress v1.0.4

image-compress

image-compress is a tool to compress image by HTMLCanvasElement and HTML5 Api

Usage

online usage

npm

import compress from 'image-compress';
const el = document.getElementById('file') as HTMLInputElement;

el.addEventListener('change', e => {
    const file: File = (e.target as any).files[0];
    if (!file) return;
    compress(file, { width: 1024 }).then(blob => {
        // upload blob or show blob localhost
    });
});

umd

<script src="path/to/index.umd.js"></script>

const el = document.getElementById('file');

el.addEventListener('change', e => {
    const file: File = e.target.files[0];
    if (!file) return;
    compressImage(file, { width: 1024 }).then(blob => {
        // upload blob or show blob localhost
    });
});

Arguments

compressImage function should receive two arguments

compressImage(file, option);

file

file is required, which should be HTMLImageElement or File object or string to load remote resource.

option

option is optional