2017-09-23 3 views
2

私はアップロードボタンをフォーム内に作成しています。ボタンをクリックするハンドラに画像をアップロードします。イメージURLを取得します。私はこのイメージURLをapiを休むために渡す必要があります。これは私のサンプルコードです。 私は私のフォームを提出するとき、私はパラメータとして画像urlを送る必要があります。 誰も助けてくれますか?あなたはそのためのcustom inputを実装する必要があります残りの管理者は余分なパラメータを送信して電話をかけます

<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; 
    }); 
}; 

答えて

1

は、ここに私のコードです。

のようなもの(それをテストしていない):

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} 
      /> 
     ); 
    } 
} 

そして、あなたの形で、この入力を使用します。

関連する問題