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 Celso, Thanks for this! I’m having what I guess is a slight issue, which is that I’m getting an error when trying to post the file contents to S3: Invalid Argument: Only AWS4-HMAC-SHA256 is supported I’m trying to sort out if this is a configuration or implementation issue on my end, so if y…

Actually, never mind! I was having an issue with file-saving and had set the parameters from the pre-signing to be JSON.stringified and forgot to flip it back. Cheers!

Hi @BrianDHogg glad you were able to figure it out. Yes, all parameters need to be posted to AWS exactly as you receive them from stagedUploadsCreate. Shopify will provide the exact authentication parameters you need in the response. For anyone else getting this error make sure to add the AWS param…

Switching to Axios (from just fetch) was a big help to me (in addition to all the rest). Thanks!

This is brilliant! Thanks so much. jb

I had a similar issue in my app, which turned out to be the missing headers. const headers = { ...formData.getHeaders() }; Thanks for sharing your gist, helped me solve my issue.

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/

Full process for uploading files to the Files API

Retired Boards Appdev Graphql Basics And Troubleshooting

peepers-rick May 11, 2022, 3:40pm 8

Wow, I was so close to getting this but kept running into random little issues that were driving me crazy. You got me across the finish line. Amazing post, thanks a ton!

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

Full process for uploading files to the Files API

Related topics