image-conversion

失之毫厘，差之千里。——佚名

分享一个js图像库：

https://github.com/WangYuLue/image-conversion

Include the library

in browser:

代码语言：javascript复制

<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script>

in CommonJS:

代码语言：javascript复制

const imageConversion = require("image-conversion");

in ES6:

代码语言：javascript复制

import * as imageConversion from 'image-conversion';

or

代码语言：javascript复制

import {compress, compressAccurately} from 'image-conversion';

Use examples

代码语言：javascript复制

<input id="demo" type="file" onchange="view()">

1. Compress image to 200kb:

代码语言：javascript复制

 function view(){
  const file = document.getElementById('demo').files[0];
  console.log(file);
  imageConversion.compressAccurately(file,200).then(res=>{
    //The res in the promise is a compressed Blob type (which can be treated as a File type) file;
    console.log(res);
  })
}

// or use an async function
async function view() {
  const file = document.getElementById('demo').files[0];
  console.log(file);
  const res = await imageConversion.compressAccurately(file,200)
  console.log(res);
}

1. Compress images at a quality of 0.9

代码语言：javascript复制

 function view(){
  const file = document.getElementById('demo').files[0];
  console.log(file);
  imageConversion.compress(file,0.9).then(res=>{
    console.log(res);
  })
}

console file function image view

0 人点赞