2017-09-23 113 views
2

我有上傳按鈕裏面創建表單,按鈕點擊處理程序我會上傳圖像到雲和上傳成功我得到圖像URL。我需要通過這個圖像的網址來休息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; 
    }); 
}; 

回答

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

和使用表單此輸入。