一个React多图裁剪加上传工具

建议直接下载或者克隆整个项目。因为没有写完… 地址

Demo

Usage

install

• use npm

 npm install rcrop --save

import React from 'react'
import ReactDOM from 'react-dom'
import Rcrop from 'rcrop'
import 'rcrop/lib/dist/rcrop.css'
//这个地址暂支持单张图片上传,否则可能会上传失败
const _request = (base64) => fetch('http://119.28.73.28/oa/base.php', {
          method: 'POST',
          headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({
            uid: '2016888999',
            imgCode: base64[0]
          })
        })
          .then(res => {
            if (res.status <= 300 && res.status >= 200) {
              alert('头像更新成功')
            } else {
              alert('头像更新失败，有点尴尬')
            }
          })

ReactDOM.render(<Rcrop plugin={mode:'xhr',request:_reqest}/>,document.getElementById('root'))

Contributing

• npm install
• npm start