Send more data while uploading file

Author: bhch

src/components/form.js

@@ -216,6 +216,9 @@ export class FormFileInput extends React.Component {
             this.setState({loading: true});
 
             let formData = new FormData();
+            formData.append('field_name', this.context.fieldName);
+            formData.append('model_name', this.context.modelName);
+            formData.append('coordinates', JSON.stringify(this.props.name.split('-').slice(1)));
             formData.append('file', e.target.files[0]);
 
             fetch(endpoint, {

src/form.js

@@ -173,7 +173,9 @@ export default class Form extends React.Component {
                 <fieldset className="module aligned">
                     <EditorContext.Provider 
                         value={{
-                            fileUploadEndpoint: this.props.fileUploadEndpoint
+                            fileUploadEndpoint: this.props.fileUploadEndpoint,
+                            fieldName: this.props.fieldName,
+                            modelName: this.props.modelName,
                         }}
                     >
                     {this.getFields()}

src/renderer.js

@@ -7,6 +7,8 @@ export default function JSONForm(config) {
     this.schema = config.schema;
     this.data = config.data;
     this.fileUploadEndpoint = config.fileUploadEndpoint;
+    this.fieldName = config.fieldName;
+    this.modelName = config.modelName;
 
     this.render = function() {
         ReactDOM.render(
@@ -15,6 +17,8 @@ export default function JSONForm(config) {
                 dataInputId={this.dataInputId}
                 data={this.data}
                 fileUploadEndpoint={this.fileUploadEndpoint}
+                fieldName={this.fieldName}
+                modelName={this.modelName}
             />,
             document.getElementById(this.containerId)
         );