Question

我在创建表单中有上传按钮，在按钮点击处理程序上我将图像上传到云，上传成功我得到图像网址。我需要传递这个图像网址来休息api。这是我的示例代码。当我提交表单时，我需要发送图片网址作为参数。任何人都可以帮助我。

这是我的代码：

<SimpleForm label="Create Artist">
    <TextInput source="name" label="Name" />
    <FlatButton style={styles.button} label="Upload Image" primary onClick={this.handleClick} />
</SimpleForm>

this.handleClick = () => {
   cloudinary.openUploadWidget({
       cloud_name: 'demo',
       upload_preset: 'sh3432',
       cropping: 'server'
    }, function(error, result) {
       return result;
   });
};

Answer 1

您必须为此实施custom input。

像（还没有测试过）：

class UploadPictureInput extends Component {
    handleClick = () => {
        cloudinary.openUploadWidget({
            cloud_name: 'demo',
            upload_preset: 'sh3432',
            cropping: 'server'
        }, (error, result) => {
            this.props.input.onChange(result);
        });
    }

    render() {
        return (
            <FlatButton
                style={styles.button}
                label="Upload Image"
                primary
                onClick={this.handleClick}
            />
        );
    }
}

并在表单中使用此输入。

管理员在休息时发送额外的参数来休息

1 个答案: