How to use Zapier to store images from a JavaScript webhook in Google Drive

Hi and welcome to the Community, ​@Candace S. 😁

Can you tell us a bit more about the issues you’re running into? For example is the action that’s meant to watermark the photos not working, or is the Zap not uploading the image to Google Drive as expected?

And if you can share some screenshots of the current setup of the Zap as well as any errors you’re seeing, that will help us to better identify what the issue is. Be sure to use a tool like Zappy to remove any personal or sensitive info before sharing here since this is a public space.

HI Sam, 

Thank you for the welcome.

So I have a Java script to watermark photos in Glide however I am trying allow Zap to migrate these photos to google drive and Zap is reading the script but not provide an image for me in google drive. I am using my AI to complete this mission so my AI said to message you this:

Hi everyone! The main issue is a payload size limitation. Our frontend app (Glide) is successfully generating a watermarked image via a local JavaScript canvas function. However, instead of a standard web link, the script outputs the image as a massive, raw Base64 data string (starting with data:image/png;base64...). When Glide passes this 7MB+ text payload to Zapier via a webhook, it successfully triggers the Zap, but then immediately crashes the workflow with a '413 Request Entity Too Large' or payload size error because the text string exceeds Zapier’s internal memory limits for processing data fields. We are trying to find the cleanest way to have Zapier decode this heavy raw text string into a viewable physical file and upload it to Google Drive without hitting that server size ceiling.

I would appreciate if you can help.
 

Thanks for the extra details ​@Candace S.! The payload size limit for Webhooks by Zapier app triggers is 10MB, so if it's running into that error, it’s likely the full payload is actually closer to or over 10MB rather than 7MB. 

Is there any option in Glide to update your JavaScript so that the watermarked image is temporarily stored on Glide's servers so the webhook can just send through the link? Google Drive's Upload File action would be able to use a publicly-accessible file URL in the File field and upload the image, no decoding needed on the Zapier side. 

Let us know what's possible on the Glide side and we can go from there! 🙂