圖檔裁剪上傳 react

這個裁剪功能是我從網上下載下傳的裁剪插件，但是功能不完全，我自己補充成比較好用的一款。

代碼下載下傳位址：https://github.com/yawenzou/crop-image

用法

1. 安裝crop插件

   npm install –save react-cropper

2. 将這整個檔案夾引入項目

   

3. 使用方法

import CropBlock from './crop/cropBlock.jsx';

<CropBlock 
    number = {} 
    url = '/manage/manager/upload.do' 
    uploadData = {{"type": 'item'}} 
    urlArr = {[]} 
    getAllImg = {this.getAllImg}
/>
           

參數說明

參數	描述（都不是必傳的）
number	最多上傳的圖檔，預設無上限
aspectRatio	裁剪比例，如1/1是正方形，預設不限制
url	圖檔上傳的伺服器背景接口名稱
uploadData	圖檔上傳的伺服器背景接口另外的參數
urlArr	數組格式，初始化時預設已經上傳的圖檔路徑
getAllImg	回調函數，接受的是所有裁剪的圖檔路徑位址