❤
npm
Sign UpSign In

react-img-cropper

1.0.0-alpha.1 • Public • Published

react-img-cropper

基于 react-image-crop 封装了一层，支持 antd 的 Upload 组件和简单 file 类型的 input

package 中包含 es 和 umd(CommonJS & umd 混合) 两种 module，开发者可按需引用

使用

es import

import ReactImgCropper from 'react-img-cropper';
 
...
<ReactImgCropper
  uploadedImgBase64={uploadedImgBase64}
  uploadedImgFile={uploadedImgFile}
  setCroppedImgBlob={setCroppedImgBlob}
  setCroppedImgObjectURL={setCroppedImgObjectURL}
  showPreviewText
/>
...

开发调试

# 安装依赖 
$ yarn install
 
# 调试 
$ npm run examples:debug
 
# 构建 
$ npm run build
 
# 发布 
$ npm run publish

示例代码

支持

  • antd 的 Upload 组件
  • 简单 file 类型的 input

依赖

  • node
  • npm
# 安装依赖 
$ yarn install
 
# 构建 examples 代码 
# 启动 node server，处理图片上传，上传图片目录： examples/static/uploadedImg 
$ npm run examples

Readme

Keywords

Package Sidebar

Install

npm i react-img-cropper

Repository

github.com/doudounannan/react-img-cropper

Homepage

github.com/doudounannan/react-img-cropper#readme

Weekly Downloads

2

Version

1.0.0-alpha.1

License

MIT

Unpacked Size

284 kB

Total Files

6

Last publish

Collaborators

  • doudounannan
Try on RunKit
Report malware