❤
npm
Sign UpSign In

picture-dimensionjs
TypeScript icon, indicating that this package has built-in type declarations

0.0.2 • Public • Published

picture-dimensionjs

本模块用于在前端识别图片文件类型以及获取文件dimension信息.

Install

 
# npm
npm install picture-dimensionjs
 
# yarn 
yarn add picture-dimensionjs
 

Use

// In React
import React from 'react';
import dimension from 'picture-dimensionjs';
 
const Upload = () => {
    return <input type="file" onChange={ e => {
            const {files} = e.currentTarget
            if (files && files.length > 0) {
                dimension(files[f]).then( dim => {
                    console.log('dimension:', dim)
                })
            }
        } 
    }>
}
 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>example</title>
        <script src="../lib/index.umd.js"></script> 
    </head>
    <body>
        <input type="file" id="file">
        <div id="result"></div>
        <script>
            const input  = document.querySelector('#file');
            const result  = document.querySelector('#result');
            input.addEventListener('change',(e) => {
                const {files} = e.target;
                if (files) {
                    const f = files[0];
                    PictureDimension(f).then((info)=> {
                        result.innerHTML = `<p>${JSON.stringify(info)}</p>`
                    });
                }
            })
        </script> 
    </body>
</html>
 

Developer

  1. clone project and install dependence
# clone project 
git clone https://github.com/lvyue/picture-dimension.git <your_project>
# 
cd <your_project>
# install dependence 
npm install 
 
  1. build lib and start serve
# build package 
npm build
# start serve 
npm serve
 
  1. open http://localhost:3002/example in browser

Readme

Keywords

Package Sidebar

Install

npm i picture-dimensionjs

Repository

github.com/lvyue/picture-dimension

Homepage

github.com/lvyue/picture-dimension#readme

Weekly Downloads

4

Version

0.0.2

License

MIT

Unpacked Size

31.6 kB

Total Files

7

Last publish

Collaborators

  • lvyuely
Try on RunKit
Report malware