Array of Files

What is a File?

A File is a data object containing all available information about an uploaded file. If you require more granular information about the file that was uploaded, you can drill into the JSON using a JSON Manipulator plugin ( #saving-from-the-array-of-files-state-using-a-json-manipulator) to get the information you need.

State Definition

The 'Array of Files' exposed state is an array of Files for the files currently populating the uploader. Whenever the files in the uploader change, the value of this state will update accordingly.

Example

[
  {
    "uuid": "3db984c8-8820-401e-b2d3-7261fe2262c2",
    "file_path": "https://ucarecdn.com/3db984c8-8820-401e-b2d3-7261fe2262c2/",
    "file_name": "test-photo.jpg",
    "is_image": true,
    "size": 909304,
    "mime_type": "image/jpeg",
    "image_info": {
      "dpi": null,
      "width": 2950,
      "format": "JPEG",
      "height": 1958,
      "sequence": false,
      "colorMode": "RGB",
      "orientation": null,
      "geoLocation": null,
      "datetimeOriginal": null
    },
    "video_info": null
  },
  {
    "uuid": "7b272291-f31a-4947-93d0-69682260ad0b",
    "file_path": "https://ucarecdn.com/7b272291-f31a-4947-93d0-69682260ad0b/",
    "file_name": "pawel-czerwinski-XQqd6JKDkSM-unsplash.jpg",
    "is_image": true,
    "size": 162602,
    "mime_type": "image/jpeg",
    "image_info": {
      "dpi": [72, 72],
      "width": 1920,
      "format": "JPEG",
      "height": 1280,
      "sequence": false,
      "colorMode": "RGB",
      "orientation": null,
      "geoLocation": null,
      "datetimeOriginal": null
    },
    "video_info": null
  },
  {
    "uuid": "6c0cf60d-86e6-4ba9-b3c9-c8e168cac9e7",
    "file_path": "https://ucarecdn.com/6c0cf60d-86e6-4ba9-b3c9-c8e168cac9e7/",
    "file_name": "still-life-vase-with-twelve-sunflowers.jpg!HD.jpg",
    "is_image": true,
    "size": 297900,
    "mime_type": "image/jpeg",
    "image_info": {
      "dpi": [96, 96],
      "width": 894,
      "format": "JPEG",
      "height": 1200,
      "sequence": false,
      "colorMode": "RGB",
      "orientation": null,
      "geoLocation": null,
      "datetimeOriginal": null
    },
    "video_info": null
  },
  {
    "uuid": "318d1500-fb81-4a96-9302-bab5c2a2aa50",
    "file_path": "https://ucarecdn.com/318d1500-fb81-4a96-9302-bab5c2a2aa50/",
    "file_name": "pavlo-t-DPlEQT7Hlpk-unsplash.jpg",
    "is_image": true,
    "size": 829669,
    "mime_type": "image/jpeg",
    "image_info": {
      "dpi": [72, 72],
      "width": 1920,
      "format": "JPEG",
      "height": 2400,
      "sequence": false,
      "colorMode": "RGB",
      "orientation": null,
      "geoLocation": null,
      "datetimeOriginal": null
    },
    "video_info": null
  }
]