I spent hours trying to figure out the full flow of uploading files to the files api. Download file contents > Create a staged target > Upload the file to the staged target > Upload file to Shopify. This solution is node js specific but may be helpful for other languages. Although Shopify has the ba…

Hey just a heads up it appears that Shopify is now using google for the staged targets. Before creating your headers, check to see which staged target url Shopify returns. If they return a google url then don’t include the Content-Length header. If they return an aws url then include the Content-Len…

Thanks so much! What would be an example of the staged target URLs in both cases? Cheers jb

No problem! See below for the targets I’m getting in my app: AWS: https://shopify.s3.amazonaws.com Google: https://shopify-staged-uploads.storage.googleapis.com/

Hi all, just a note that the above code is no longer working if your file is above 2MB. That’s specifically caused by the Staged Uploads part of the code. At this stage I’m going to create my own staged file upload system with Google Cloud Storage so I have more control over that process. If you do…

Hi @Celso_White , I’ve found your work here very helpful and wanted to let you know that I’m consistently having success with files > 2 mb if I change this line: form.append("file", file); to this form.append("file", file, "somefilename.someextension") After scouring across the internet for a f…

Hi @Xen-dev While we are unable to comment on the code shared above, I can confirm that the productCreateMedia mutation can be used with Staged Upload URLs created by the stagedUploadsCreate mutation after the files have been uploaded to the url. The productCreateMedia argument originalSource, can …

I use my own Amazon s3 location for staging file uploads, so I do not use stagedUploadsCreate . I only use productCreateMedia … Works just fine. A lot simpler too. Good luck, jb

I used the productCreateMedia in the manner given below, but receiving this error “message”:"Invalid Model 3d would be great if you could suggest a solution. const fileCreateResponse = await admin!.graphql( `#graphql mutation productCreateMedia($media: [CreateMediaInput!]!, $productId…

Hi @Xen-dev Please see the responses to this error we’ve provided in the following threads, and if you have any further issues with this, please do reach out to our Support Team directly via our Shopify Help Center , and we can absolutely help take a closer look into this error you’re experiencing w…

Full process for uploading files to the Files API

Retired Boards Appdev Graphql Basics And Troubleshooting

Xen-dev March 13, 2024, 11:13am 15

Hi , thanks this detailed and elaborate reply helps a lot !!

Is it possible to use the productCreateMedia mutation instead of fileCreate?

Topic		Replies	Views
Upload media with remix and graphql Merchandising troubleshooting	15	561	April 24, 2024
File Upload through GraphQL API - Processing Error Store Design design , customizations , troubleshooting	9	421	May 7, 2024
Upload Image To Shopify Via API Technical Q&A optimization	3	113	October 11, 2024
How to set file path url in stagedUploadsCreate Merchandising Setting-Up	12	385	May 3, 2024
Uploading images using the Files API - upload fails with "The file does not exist" Graphql Basics And Troubleshooting	8	660	August 21, 2023

Full process for uploading files to the Files API

Related topics