Form File Upload

[j-Riv]

Hello, I'm trying to create a form with a file upload input. I seem to be getting the following error PayloadTooLargeError: request entity too large, seems to be caused by body-parser? Is there a way to raise the limit, like you can with express? Any help would be appreciated. Thank you.

[blittle]

I think you'll need to use Remix's unstable_parsemultipartformdata

[jamalsoueidan]

You should not upload directly to your oxygen worker, you need to request form url to shopify.

1. First step, get submit action url, use this to upload your file.

const UPLOAD_CREATE = `#graphql
  mutation stagedUploadsCreate($input: [StagedUploadInput!]!) {
    stagedUploadsCreate(input: $input) {
      stagedTargets {
        resourceUrl
        url
        parameters {
          name
          value
        }
      }
      userErrors {
        field
        message
      }
    }
  }
`;

2. Add the file using the url you receive from the submit url.

const FILE_CREATE = `#graphql
  mutation fileCreate($files: [FileCreateInput!]!) {
    fileCreate(files: $files) {
      files {
        fileStatus
        alt
      }
      userErrors {
        field
        message
      }
    }
  }
`;