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…

Good stuff @Celso_White If I get time I’ll slap it in a glitch.me app and pop through it. Though Shopify has the base documentation in place, its missing a comprehensive breakdown of the steps to take and parameters to set. Each dev doc page should have a feedback box either in sidebar or at bo…

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…

This is brilliant! Thanks so much. jb

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!

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

Full process for uploading files to the Files API

Retired Boards Appdev Graphql Basics And Troubleshooting

MerchFaceMark February 22, 2022, 7:56pm 6

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

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

Full process for uploading files to the Files API

Related topics