How to upload a file?

[aman7000]

I created a file picker.

{
  "title": "Files",
  "type": "object",
  "properties": {
    "file": {
      "type": "string",
      "format": "data-url",
      "title": "Single file"
    },
  }
}

how do I upload this file? say to aws s3, I have a backend method to get a signed url for uploading.

[x0k]

After successful submission, the file property will contain a string in data: URL format.

You can convert it to a name and Blob pair using the createDataURLtoBlob (schedulerYield) functions from @sjsf/form/lib/file
(this module may not work on the server due DOMException, so you can use this implementation)

[x0k]

This example may be useful StackBlits

[aman7000]

Thanks a lot, I was able to solve it.