---
title: files - GraphQL Admin
description: >-
  Retrieves a paginated list of files that have been uploaded to a Shopify
  store. Files represent digital assets

  that merchants can upload to their store for various purposes including
  product images, marketing materials,

  documents, and brand assets.


  Use the `files` query to retrieve information associated with the following
  workflows:


  - [Managing product media and
  images](https://shopify.dev/docs/apps/build/online-store/product-media)

  - [Theme development and asset
  management](https://shopify.dev/docs/storefronts/themes/store/success/brand-assets)

  - Brand asset management and [checkout
  branding](https://shopify.dev/docs/apps/build/checkout/styling/add-favicon)


  Files can include multiple [content
  types](https://shopify.dev/docs/api/admin-graphql/latest/enums/FileContentType),

  such as images, videos, 3D models, and generic files. Each file has

  properties like dimensions, file size, alt text for accessibility, and upload
  status. Files can be filtered

  by [media
  type](https://shopify.dev/docs/api/admin-graphql/latest/enums/MediaContentType)
  and can be associated with

  [products](https://shopify.dev/docs/api/admin-graphql/latest/objects/Product),

  [themes](https://shopify.dev/docs/api/admin-graphql/latest/objects/OnlineStoreTheme),

  and other store resources.
api_version: 2026-10
source_url:
  html: 'https://shopify.dev/docs/api/admin-graphql/latest/queries/files'
  md: 'https://shopify.dev/docs/api/admin-graphql/latest/queries/files.md'
api_name: admin
api_type: graphql
type: query
---

# files

query

Requires `read_files` access scope, `read_themes` access scope or `read_images` access scope.

Retrieves a paginated list of files that have been uploaded to a Shopify store. Files represent digital assets that merchants can upload to their store for various purposes including product images, marketing materials, documents, and brand assets.

Use the `files` query to retrieve information associated with the following workflows:

* [Managing product media and images](https://shopify.dev/docs/apps/build/online-store/product-media)
* [Theme development and asset management](https://shopify.dev/docs/storefronts/themes/store/success/brand-assets)
* Brand asset management and [checkout branding](https://shopify.dev/docs/apps/build/checkout/styling/add-favicon)

Files can include multiple [content types](https://shopify.dev/docs/api/admin-graphql/latest/enums/FileContentType), such as images, videos, 3D models, and generic files. Each file has properties like dimensions, file size, alt text for accessibility, and upload status. Files can be filtered by [media type](https://shopify.dev/docs/api/admin-graphql/latest/enums/MediaContentType) and can be associated with [products](https://shopify.dev/docs/api/admin-graphql/latest/objects/Product), [themes](https://shopify.dev/docs/api/admin-graphql/latest/objects/OnlineStoreTheme), and other store resources.

## FileConnection arguments

[FileConnection!](https://shopify.dev/docs/api/admin-graphql/latest/connections/FileConnection)

* after

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The elements that come after the specified [cursor](https://shopify.dev/api/usage/pagination-graphql).

* before

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The elements that come before the specified [cursor](https://shopify.dev/api/usage/pagination-graphql).

* first

  [Int](https://shopify.dev/docs/api/admin-graphql/latest/scalars/Int)

  The first `n` elements from the [paginated list](https://shopify.dev/api/usage/pagination-graphql).

* last

  [Int](https://shopify.dev/docs/api/admin-graphql/latest/scalars/Int)

  The last `n` elements from the [paginated list](https://shopify.dev/api/usage/pagination-graphql).

* query

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  A filter made up of terms, connectives, modifiers, and comparators. You can apply one or more filters to a query. Learn more about [Shopify API search syntax](https://shopify.dev/api/usage/search-syntax).

  * * default

      string

    * created\_at

      time

    - Filter by a case-insensitive search of multiple fields in a document.

    - Example:
      * `query=Bob Norman`
      * `query=title:green hoodie`

  * filename

    string

  * * id

      id

    * ids

      string

    - Filter by `id` range.

    - Example:
      * `id:1234`
      * `id:>=1234`
      * `id:<=1234`

  * media\_type

    string

  * * original\_upload\_size

      string

    * product\_id

      string

    - Filter by the file's original upload size in bytes. This filter supports both exact values and ranges. It accepts an optional unit of measurement as a suffix (B, KB, MB, GB, TB). When no unit is provided, the value is interpreted as bytes. Units use binary (1024-based) multipliers.

    - Example:
      * `original_upload_size:1024`
      * `original_upload_size:1.5MB`
      * `original_upload_size:>=10MB original_upload_size:<=100MB`
      * `original_upload_size:512KB`

  * status

    string

  * updated\_at

    time

  * used\_in

    string

* reverse

  [Boolean](https://shopify.dev/docs/api/admin-graphql/latest/scalars/Boolean)

  Default:false

  Reverse the order of the underlying list.

* saved​Search​Id

  [ID](https://shopify.dev/docs/api/admin-graphql/latest/scalars/ID)

  The ID of a [saved search](https://shopify.dev/api/admin-graphql/latest/objects/savedsearch#field-id). The search’s query string is used as the query argument.

* sort​Key

  [File​Sort​Keys](https://shopify.dev/docs/api/admin-graphql/latest/enums/FileSortKeys)

  Default:ID

  Sort the underlying list using a key. If your query is slow or returns an error, then [try specifying a sort key that matches the field used in the search](https://shopify.dev/api/usage/pagination-graphql#search-performance-considerations).

***

## Possible returns

* edges

  [\[File​Edge!\]!](https://shopify.dev/docs/api/admin-graphql/latest/objects/FileEdge)

  non-null

  The connection between the node and its parent. Each edge contains a minimum of the edge's cursor and the node.

* nodes

  [\[File!\]!](https://shopify.dev/docs/api/admin-graphql/latest/interfaces/File)

  non-null

  A list of nodes that are contained in FileEdge. You can fetch data about an individual node, or you can follow the edges to fetch data about a collection of related nodes. At each node, you specify the fields that you want to retrieve.

* page​Info

  [Page​Info!](https://shopify.dev/docs/api/admin-graphql/latest/objects/PageInfo)

  non-null

  An object that’s used to retrieve [cursor information](https://shopify.dev/api/usage/pagination-graphql) about the current page.

***

## Examples

* ### Filter files by whether they are used in products

  #### Description

  Filter files based on their usage status using the \`used\_in\` query parameter. Use \`used\_in:product\` to find files currently used in products and \`used\_in:none\` to find unused files. This filtering helps with file management and cleanup tasks.

  #### Query

  ```graphql
  query {
    usedInProduct: files(first: 10, query: "used_in:product") {
      edges {
        node {
          ... on MediaImage {
            id
            alt
          }
        }
      }
    }
    unusedFiles: files(first: 10, query: "used_in:none") {
      edges {
        node {
          ... on GenericFile {
            id
            alt
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { usedInProduct: files(first: 10, query: \"used_in:product\") { edges { node { ... on MediaImage { id alt } } } } unusedFiles: files(first: 10, query: \"used_in:none\") { edges { node { ... on GenericFile { id alt } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      usedInProduct: files(first: 10, query: "used_in:product") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
            }
          }
        }
      }
      unusedFiles: files(first: 10, query: "used_in:none") {
        edges {
          node {
            ... on GenericFile {
              id
              alt
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      usedInProduct: files(first: 10, query: "used_in:product") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
            }
          }
        }
      }
      unusedFiles: files(first: 10, query: "used_in:none") {
        edges {
          node {
            ... on GenericFile {
              id
              alt
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      usedInProduct: files(first: 10, query: "used_in:product") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
            }
          }
        }
      }
      unusedFiles: files(first: 10, query: "used_in:none") {
        edges {
          node {
            ... on GenericFile {
              id
              alt
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    usedInProduct: files(first: 10, query: "used_in:product") {
      edges {
        node {
          ... on MediaImage {
            id
            alt
          }
        }
      }
    }
    unusedFiles: files(first: 10, query: "used_in:none") {
      edges {
        node {
          ... on GenericFile {
            id
            alt
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          usedInProduct: files(first: 10, query: "used_in:product") {
            edges {
              node {
                ... on MediaImage {
                  id
                  alt
                }
              }
            }
          }
          unusedFiles: files(first: 10, query: "used_in:none") {
            edges {
              node {
                ... on GenericFile {
                  id
                  alt
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "usedInProduct": {
      "edges": [
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273780",
            "alt": "derp"
          }
        },
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273781",
            "alt": "Connected product image"
          }
        }
      ]
    },
    "unusedFiles": {
      "edges": [
        {
          "node": {
            "id": "gid://shopify/GenericFile/1072273782",
            "alt": "Unused document"
          }
        }
      ]
    }
  }
  ```

* ### Retrieve a file's features by its ID

  #### Description

  Retrieve a specific file's features using the \[\`node\` query]\(https://help.shopify.com/docs/api/admin-graphql/latest/queries/node) with a file's ID. The \`node\` query is useful for drilling down into specific file attributes. This pattern works with any file type including \`MediaImage\`, \`Video\`, \`GenericFile\`, and others. Use this approach when you need detailed information about a single file resource.

  #### Query

  ```graphql
  query {
    node(id: "gid://shopify/MediaImage/1072273779") {
      id
      ... on MediaImage {
        image {
          url
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { node(id: \"gid://shopify/MediaImage/1072273779\") { id ... on MediaImage { image { url } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      node(id: "gid://shopify/MediaImage/1072273779") {
        id
        ... on MediaImage {
          image {
            url
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      node(id: "gid://shopify/MediaImage/1072273779") {
        id
        ... on MediaImage {
          image {
            url
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      node(id: "gid://shopify/MediaImage/1072273779") {
        id
        ... on MediaImage {
          image {
            url
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    node(id: "gid://shopify/MediaImage/1072273779") {
      id
      ... on MediaImage {
        image {
          url
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          node(id: "gid://shopify/MediaImage/1072273779") {
            id
            ... on MediaImage {
              image {
                url
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "node": {
      "id": "gid://shopify/MediaImage/1072273779",
      "image": {
        "url": "https://cdn.shopify.com/s/files/1/2637/1970/image_file.jpg?v=1750482057"
      }
    }
  }
  ```

* ### Retrieve a list of files

  #### Description

  Retrieve the first five files and return the creation date and alt text for each file, along with type-specific attributes. The response includes different \[file types]\(https://shopify.dev/docs/api/admin-graphql/latest/enums/FileContentType) like images, videos, and generic files. Each file type has its own specific fields and metadata that can be queried.

  #### Query

  ```graphql
  query {
    files(first: 5) {
      edges {
        node {
          createdAt
          updatedAt
          alt
          ... on GenericFile {
            id
            url
          }
          ... on MediaImage {
            id
            image {
              id
              url
              width
              height
            }
          }
          ... on Video {
            id
            duration
            preview {
              status
              image {
                id
                width
                height
                url
              }
            }
            originalSource {
              url
              width
              height
              format
              mimeType
            }
            sources {
              url
              width
              height
              format
              mimeType
            }
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { files(first: 5) { edges { node { createdAt updatedAt alt ... on GenericFile { id url } ... on MediaImage { id image { id url width height } } ... on Video { id duration preview { status image { id width height url } } originalSource { url width height format mimeType } sources { url width height format mimeType } } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      files(first: 5) {
        edges {
          node {
            createdAt
            updatedAt
            alt
            ... on GenericFile {
              id
              url
            }
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
            ... on Video {
              id
              duration
              preview {
                status
                image {
                  id
                  width
                  height
                  url
                }
              }
              originalSource {
                url
                width
                height
                format
                mimeType
              }
              sources {
                url
                width
                height
                format
                mimeType
              }
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      files(first: 5) {
        edges {
          node {
            createdAt
            updatedAt
            alt
            ... on GenericFile {
              id
              url
            }
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
            ... on Video {
              id
              duration
              preview {
                status
                image {
                  id
                  width
                  height
                  url
                }
              }
              originalSource {
                url
                width
                height
                format
                mimeType
              }
              sources {
                url
                width
                height
                format
                mimeType
              }
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      files(first: 5) {
        edges {
          node {
            createdAt
            updatedAt
            alt
            ... on GenericFile {
              id
              url
            }
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
            ... on Video {
              id
              duration
              preview {
                status
                image {
                  id
                  width
                  height
                  url
                }
              }
              originalSource {
                url
                width
                height
                format
                mimeType
              }
              sources {
                url
                width
                height
                format
                mimeType
              }
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    files(first: 5) {
      edges {
        node {
          createdAt
          updatedAt
          alt
          ... on GenericFile {
            id
            url
          }
          ... on MediaImage {
            id
            image {
              id
              url
              width
              height
            }
          }
          ... on Video {
            id
            duration
            preview {
              status
              image {
                id
                width
                height
                url
              }
            }
            originalSource {
              url
              width
              height
              format
              mimeType
            }
            sources {
              url
              width
              height
              format
              mimeType
            }
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          files(first: 5) {
            edges {
              node {
                createdAt
                updatedAt
                alt
                ... on GenericFile {
                  id
                  url
                }
                ... on MediaImage {
                  id
                  image {
                    id
                    url
                    width
                    height
                  }
                }
                ... on Video {
                  id
                  duration
                  preview {
                    status
                    image {
                      id
                      width
                      height
                      url
                    }
                  }
                  originalSource {
                    url
                    width
                    height
                    format
                    mimeType
                  }
                  sources {
                    url
                    width
                    height
                    format
                    mimeType
                  }
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "files": {
      "edges": [
        {
          "node": {
            "createdAt": "2025-06-21T05:00:58Z",
            "updatedAt": "2025-06-21T05:00:58Z",
            "alt": "this is a generic TXT file",
            "id": "gid://shopify/GenericFile/1072273783",
            "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/generic_file.txt?v=1750482058"
          }
        },
        {
          "node": {
            "createdAt": "2025-06-21T05:00:58Z",
            "updatedAt": "2025-06-21T05:00:58Z",
            "alt": "this is a JPG image",
            "id": "gid://shopify/MediaImage/1072273784",
            "image": {
              "id": "gid://shopify/ImageSource/1007650582",
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/image_file.jpg?v=1750482058",
              "width": 372,
              "height": 110
            }
          }
        },
        {
          "node": {
            "createdAt": "2025-06-21T05:00:58Z",
            "updatedAt": "2025-06-21T05:00:58Z",
            "alt": "this is an MP4 video",
            "id": "gid://shopify/Video/1072273785",
            "duration": 16510,
            "preview": {
              "status": "READY",
              "image": {
                "id": "gid://shopify/ImageSource/1007650583",
                "width": 123,
                "height": 456,
                "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/preview_images/f65ce5e1-a1bc-4302-a300-61a35e256d01.thumbnail.0000000.jpg?v=1750482058"
              }
            },
            "originalSource": {
              "url": "https://cdn.shopify.com/videos/c/o/v/some_hash.mov",
              "width": 854,
              "height": 480,
              "format": "mov",
              "mimeType": "video/quicktime"
            },
            "sources": [
              {
                "url": "https://cdn.shopify.com/videos/:/vp/some_hash/some_other_hash.m3u8",
                "width": 1280,
                "height": 720,
                "format": "m3u8",
                "mimeType": "application/x-mpegURL"
              },
              {
                "url": "https://cdn.shopify.com/videos/c/vp/some_hash/some_other_hash.HD-720p-4.5Mbps.mp4",
                "width": 1280,
                "height": 720,
                "format": "mp4",
                "mimeType": "video/mp4"
              },
              {
                "url": "https://cdn.shopify.com/videos/c/vp/some_hash/some_other_hash.SD-480p-1.5Mbps.mp4",
                "width": 854,
                "height": 480,
                "format": "mp4",
                "mimeType": "video/mp4"
              }
            ]
          }
        },
        {
          "node": {
            "createdAt": "2025-06-21T05:00:58Z",
            "updatedAt": "2025-06-21T05:00:58Z",
            "alt": ""
          }
        },
        {
          "node": {
            "createdAt": "2025-06-21T05:00:58Z",
            "updatedAt": "2025-06-21T05:00:58Z",
            "alt": ""
          }
        }
      ]
    }
  }
  ```

* ### Retrieve a list of files by type

  #### Description

  Retrieves the first 3 files of type \[\`MediaImage\`]\(https://help.shopify.com/docs/api/admin-graphql/latest/objects/MediaImage) using media type filtering. The query supports filtering by media type to find specific file types. Supported query filters include: \`IMAGE\`, \`VIDEO\`, \`MODEL3D\` and \`GENERIC\_FILE\`.

  #### Query

  ```graphql
  query {
    files(query: "media_type:IMAGE", first: 3) {
      edges {
        node {
          ... on MediaImage {
            id
            image {
              id
              url
              width
              height
            }
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { files(query: \"media_type:IMAGE\", first: 3) { edges { node { ... on MediaImage { id image { id url width height } } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      files(query: "media_type:IMAGE", first: 3) {
        edges {
          node {
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      files(query: "media_type:IMAGE", first: 3) {
        edges {
          node {
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      files(query: "media_type:IMAGE", first: 3) {
        edges {
          node {
            ... on MediaImage {
              id
              image {
                id
                url
                width
                height
              }
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    files(query: "media_type:IMAGE", first: 3) {
      edges {
        node {
          ... on MediaImage {
            id
            image {
              id
              url
              width
              height
            }
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          files(query: "media_type:IMAGE", first: 3) {
            edges {
              node {
                ... on MediaImage {
                  id
                  image {
                    id
                    url
                    width
                    height
                  }
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "files": {
      "edges": [
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273768",
            "image": {
              "id": "gid://shopify/ImageSource/1007650566",
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/image_file.jpg?v=1750482053",
              "width": 372,
              "height": 110
            }
          }
        },
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273769",
            "image": {
              "id": "gid://shopify/ImageSource/1007650567",
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/image_file.png?v=1750482053",
              "width": 372,
              "height": 110
            }
          }
        },
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273770",
            "image": {
              "id": "gid://shopify/ImageSource/1007650568",
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/image_file.gif?v=1750482053",
              "width": 372,
              "height": 110
            }
          }
        }
      ]
    }
  }
  ```

* ### Retrieve files connected to a specific product

  #### Description

  Retrieve all files associated with a specific \[product]\(https://help.shopify.com/docs/api/admin-graphql/latest/objects/Product) using the \`product\_id\` filter. The query returns both directly uploaded \[product images]\(https://shopify.dev/docs/api/admin-graphql/latest/objects/MediaImage) and shop-level files that have been connected to the product. Each file includes its type-specific attributes and metadata, like alt text and file size.

  #### Query

  ```graphql
  query {
    files(first: 10, query: "product_id:121709582") {
      edges {
        node {
          ... on MediaImage {
            id
            alt
            image {
              url
              width
              height
            }
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { files(first: 10, query: \"product_id:121709582\") { edges { node { ... on MediaImage { id alt image { url width height } } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      files(first: 10, query: "product_id:121709582") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      files(first: 10, query: "product_id:121709582") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      files(first: 10, query: "product_id:121709582") {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    files(first: 10, query: "product_id:121709582") {
      edges {
        node {
          ... on MediaImage {
            id
            alt
            image {
              url
              width
              height
            }
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          files(first: 10, query: "product_id:121709582") {
            edges {
              node {
                ... on MediaImage {
                  id
                  alt
                  image {
                    url
                    width
                    height
                  }
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "files": {
      "edges": [
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273771",
            "alt": "derp",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/products/abc.jpg?v=1750482054",
              "width": 372,
              "height": 110
            }
          }
        },
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273772",
            "alt": "Product catalog image",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/image_2a67cb67-5b4d-4ecb-9c59-cc3ca9736065.jpg?v=1750482054",
              "width": 372,
              "height": 110
            }
          }
        }
      ]
    }
  }
  ```

* ### Retrieve files with detailed metadata

  #### Description

  Retrieve files along with their basic \[metadata and properties]\(https://shopify.dev/docs/api/admin-graphql/latest/objects/File). This query shows file information which is useful for understanding file details across your store. Use the query to get file attributes like alt text and image dimensions for media management workflows. The response includes file metadata and type-specific attributes for efficient file organization.

  #### Query

  ```graphql
  query {
    files(first: 5) {
      edges {
        node {
          ... on MediaImage {
            id
            alt
            image {
              url
              width
              height
            }
          }
          ... on Video {
            id
            alt
            duration
          }
          ... on GenericFile {
            id
            alt
            url
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { files(first: 5) { edges { node { ... on MediaImage { id alt image { url width height } } ... on Video { id alt duration } ... on GenericFile { id alt url } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      files(first: 5) {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
            ... on Video {
              id
              alt
              duration
            }
            ... on GenericFile {
              id
              alt
              url
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      files(first: 5) {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
            ... on Video {
              id
              alt
              duration
            }
            ... on GenericFile {
              id
              alt
              url
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      files(first: 5) {
        edges {
          node {
            ... on MediaImage {
              id
              alt
              image {
                url
                width
                height
              }
            }
            ... on Video {
              id
              alt
              duration
            }
            ... on GenericFile {
              id
              alt
              url
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    files(first: 5) {
      edges {
        node {
          ... on MediaImage {
            id
            alt
            image {
              url
              width
              height
            }
          }
          ... on Video {
            id
            alt
            duration
          }
          ... on GenericFile {
            id
            alt
            url
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          files(first: 5) {
            edges {
              node {
                ... on MediaImage {
                  id
                  alt
                  image {
                    url
                    width
                    height
                  }
                }
                ... on Video {
                  id
                  alt
                  duration
                }
                ... on GenericFile {
                  id
                  alt
                  url
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "files": {
      "edges": [
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273773",
            "alt": "derp",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/products/abc.jpg?v=1750482055",
              "width": 372,
              "height": 110
            }
          }
        },
        {
          "node": {
            "id": "gid://shopify/MediaImage/1072273774",
            "alt": "Shared marketing asset",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/image_a0210017-70dd-4deb-9c42-e7c5e5282713.jpg?v=1750482055",
              "width": 372,
              "height": 110
            }
          }
        }
      ]
    }
  }
  ```

* ### Search for files by filename pattern

  #### Description

  Search for files using filename patterns using a wildcard: \`\*\`. A wildcard is a placeholder that matches any character or sequence of characters. This example demonstrates finding all files with names starting with "product", using the \`filename\` filter with wildcard support. The wildcard search helps locate files when you know part of the filename but need to find all matching variations. Results include both image files and generic files that match the pattern, with their respective type-specific attributes.

  #### Query

  ```graphql
  query {
    files(first: 10, query: "filename:product*") {
      edges {
        node {
          alt
          ... on MediaImage {
            id
            image {
              url
            }
          }
          ... on GenericFile {
            id
            url
          }
        }
      }
    }
  }
  ```

  #### cURL

  ```bash
  curl -X POST \
  https://your-development-store.myshopify.com/admin/api/2026-10/graphql.json \
  -H 'Content-Type: application/json' \
  -H 'X-Shopify-Access-Token: {access_token}' \
  -d '{
  "query": "query { files(first: 10, query: \"filename:product*\") { edges { node { alt ... on MediaImage { id image { url } } ... on GenericFile { id url } } } } }"
  }'
  ```

  #### React Router

  ```javascript
  import { authenticate } from "../shopify.server";

  export const loader = async ({request}) => {
    const { admin } = await authenticate.admin(request);
    const response = await admin.graphql(
      `#graphql
    query {
      files(first: 10, query: "filename:product*") {
        edges {
          node {
            alt
            ... on MediaImage {
              id
              image {
                url
              }
            }
            ... on GenericFile {
              id
              url
            }
          }
        }
      }
    }`,
    );
    const json = await response.json();
    return json.data;
  }
  ```

  #### Ruby

  ```ruby
  session = ShopifyAPI::Auth::Session.new(
    shop: "your-development-store.myshopify.com",
    access_token: access_token
  )
  client = ShopifyAPI::Clients::Graphql::Admin.new(
    session: session
  )

  query = <<~QUERY
    query {
      files(first: 10, query: "filename:product*") {
        edges {
          node {
            alt
            ... on MediaImage {
              id
              image {
                url
              }
            }
            ... on GenericFile {
              id
              url
            }
          }
        }
      }
    }
  QUERY

  response = client.query(query: query)
  ```

  #### Node.js

  ```javascript
  const client = new shopify.clients.Graphql({session});
  const data = await client.query({
    data: `query {
      files(first: 10, query: "filename:product*") {
        edges {
          node {
            alt
            ... on MediaImage {
              id
              image {
                url
              }
            }
            ... on GenericFile {
              id
              url
            }
          }
        }
      }
    }`,
  });
  ```

  #### Shopify CLI

  ```bash
  shopify app execute \
  --query \
  'query {
    files(first: 10, query: "filename:product*") {
      edges {
        node {
          alt
          ... on MediaImage {
            id
            image {
              url
            }
          }
          ... on GenericFile {
            id
            url
          }
        }
      }
    }
  }'
  ```

  #### Direct API Access

  ```javascript
  const response = await fetch('shopify:admin/api/2026-10/graphql.json', {
    method: 'POST',
    body: JSON.stringify({
      query: `
        query {
          files(first: 10, query: "filename:product*") {
            edges {
              node {
                alt
                ... on MediaImage {
                  id
                  image {
                    url
                  }
                }
                ... on GenericFile {
                  id
                  url
                }
              }
            }
          }
        }
      `,
    }),
  });

  const { data } = await response.json();
  console.log(data);
  ```

  #### Response

  ```json
  {
    "files": {
      "edges": [
        {
          "node": {
            "alt": "Main banner image",
            "id": "gid://shopify/MediaImage/1072273775",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/product_banner.jpg?v=1750482056"
            }
          }
        },
        {
          "node": {
            "alt": "Detail view image",
            "id": "gid://shopify/MediaImage/1072273776",
            "image": {
              "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/product_detail.png?v=1750482056"
            }
          }
        },
        {
          "node": {
            "alt": "Technical specifications",
            "id": "gid://shopify/GenericFile/1072273778",
            "url": "https://cdn.shopify.com/s/files/1/2637/1970/files/product_specs.csv?v=1750482056"
          }
        }
      ]
    }
  }
  ```