AnyUploadField

Component - simple

<AnyUploadField field="file" urlField="file.url" />

Component preview

Component - advanced

<AnyUploadField
  field="file"
  urlField="file.url"
  label="File"
  fileNameField="file.name"
  fileSizeField="file.size"
  fileTypeField="file.type"
  widthField="file.width"
  heightField="file.height"
  acceptMimeTypes={["image/jpeg", "image/png"]}
>
  <TextField field="file.description" label="Description" />
</AnyUploadField>

Component preview

This advanced upload field is a bit more complex than the Simple component. It has a label, a description, a file name, a file size, a file type, a width and a height. It also has a custom accept mime types.

API schema

export class File {
  url = def.stringColumn()
  description = def.stringColumn()
  name = def.stringColumn()
  size = def.stringColumn()
  type = def.stringColumn()
  width = def.intColumn()
  height = def.intColumn()
}