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…

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 , thanks this detailed and elaborate reply helps a lot !! Is it possible to use the productCreateMedia mutation instead of fileCreate?

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…

Hi, thanks for an elaborate response. But currently I am facing an issue while getting the request response headers from axios as it says : Property ‘getheaders’ does not exist on type ‘FormData’. in the following code: Any help regarding this would be grateful. const formData = new FormData(); …

Hey @Xen-dev , I’ve followed up here for you https://community.shopify.com/post/2505970

Thanks man! This is very helpful since shopify does not always provide us with documentation. I was guided by your post but replaced node.js with ruby on rails and also wrote whole article with flow/logic , implementation and a little bit went into details: https://dev.to/xao0isb/shopify-send-file-…

Good work! It does utterly amaze me how difficult and error-prone Shopify has made this simple matter! Cheers jb

Full process for uploading files to the Files API

Retired Boards Appdev Graphql Basics And Troubleshooting

Ido1425 July 10, 2024, 3:49pm 28

Xao0isb

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

Full process for uploading files to the Files API

Related topics