Upload

This page describes how you can integrated file upload widget

Upload File

File Upload component

Upload Component

Example.jsx

import MaterialJsonSchemaForm from 'react-jsonschema-form-material-ui';

<MaterialJsonSchemaForm
  schema={schema}
  uiSchema={uiSchema}
  formData={formData}
  onUpload={(file) => console.log("get uploaded file object")} // New addition
/>

schema.json

{
  "title": "Example for rendering upload component",
  "description": "A simple form with upload component",
  "type": "object",
  "properties": {
    "upload": {
      "type": "upload",
      "title": "Please upload your file"
    },
  }
}

uiSchema.json

{
  "upload": {
    "ui:widget": "outlined",
    "ui:accept": "image/*",
    "ui:isMulti": true,
    "ui:buttonTitle": "Upload",
    "ui:icon": "add_circle"
  },
}

formData.json

{
  "upload": "",
}