Question

我正在尝试使用react-avatar-editor（https://www.npmjs.com/package/react-avatar-editor）我已经安装并导入了该组件，但是没有上载按钮

这是我使用头像编辑器时的简单组件

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Nav from "./Nav";
import AvatarEditor from 'react-avatar-editor'


export default class EditProfile extends Component {



    render () {
        return (
           <div>
               <Nav logoUrl="logo_white.svg"  color="#D41F36"/>

               hello there
               <AvatarEditor
                   image="/imgs/A066.jpg"
                   width={250}
                   height={250}
                   border={50}
                   color={[255, 255, 255, 0.6]} // RGBA
                   scale={1.5}
                   rotate={0}
               />
           </div>
        )
    }
}

I should have this screen but I had this

请帮忙吗？

Answer 1

react-avatar-editor不处理图像选择。它专门处理图像裁剪，给定图像的大小调整和旋转。因此，您需要编写一些代码来获取图像并传递给react-avatar-editor组件。

您可以在这里https://github.com/mosch/react-avatar-editor/blob/master/docs/App.jsx

查看操作方法

React Avatar Editor无法获取上传按钮

1 个答案: