About Zapier Community
New to our Community? Get to know more about our space and how to make the most of your time here.

Code of Conduct Community FAQ's Zapier Common Questions What to Expect

Get Started With Zapier
New to Zapier? We have got you covered with our Zapier 101 Resources.

Zapier Essentials

Get Support
Have a question? Let's get you an answer!

How Do I...? Troubleshooting Code & Webhooks Developer Zone

Other Help Resources
Wait, there's more! Check out these Community sourced spaces for additional resources.

Zapier Help Center Hire an Expert

Zapier Products
Learn more about Zapier's new products.

Zapier Tables Zapier Interfaces

Zapier Reading
All of our best learning resources can be found here.

Featured Articles Show & Tell AI Hub Zapier Tools Hub

Learning Groups
Excited to meet other builders? Check out our interest areas full of doers, dreamers, and in-betweeners.

User Groups

Other Learning Resources
Some of our favorite additional ways to upskill your Zapier knowledge.

Zapier Learn Zapier Blog Zapier Webinars

Product Updates
Check out what is new and upcoming with Zapier with our regular product updates.

Product Updates

Early Access Program
Want to join Early Access? Learn more here.

Question

Receive and Download Images/Video from Incoming Media Twilio Messages with Node.js

  • 11 October 2023
  • 4 replies
  • 139 views
U

I'm trying to programmatically receive and download MMS images/videos from Twlio using a webhook in Zapier

I would like to download images and place them in Google Drive

I’m building a chatbot in Voiceflow to be deployed using Twilio

Everything works except downloading the image and video

I’m using ChatGPT to help with the code but I keep getting errors

Here is the code ChatGPT gave me:

// Input Data from previous step
const mediaUrl = inputData.MediaUrl0;  // Assuming MediaUrl0 is the field name for the media URL from Twilio's POST request

// Function to download image from Twilio
async function downloadImage(url) {
  const response = await fetch(url);
  const buffer = await response.arrayBuffer();
  const base64Image = Buffer.from(buffer).toString('base64');
  return base64Image;
}

// Call the function to download image
downloadImage(mediaUrl)
  .then(base64Image => {
    callback(null, {base64Image});
  })
  .catch(error => {
    callback(error);
  });

Any help from someone more experienced would be great!

 

This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

4 replies

Todd Harper
Userlevel 6
Badge +8

Hi @UXD Academy!

Welcome to the Zapier Community!

I haven’t yet reviewed your code, but I can see right off the bat that you are not actually passing the input data into your Code step.

In the Code Step action, under the section labeled ‘Input Data’, be sure to add MediaURL10 to the left box and to pass the actual URL from your web hook into the right box. This way, your code step “const mediaUrl” will hold the value of the URL.

U

Thank you for your help Todd,

Am I doing it correctly?

 

 

Todd Harper
Userlevel 6
Badge +8

And actually, after reviewing the code, I see a few other problems with it.

You actually shouldn’t need to “download” the image prior to your Google Drive step at all. You just need to be sure you have a publicly accessible URL for it, then you should be able to use an “Upload File in Google Drive” action and use the URL as the “File”.

If you’re convinced the code step is absolutely necessary and since there could be a lot going on here depending on how your web hook is retrieving data and the specific ways that data needs to be manipulated to make it work with Google Drive, this may be a job best handled by speaking to / workin with a Certified Zapier Expert.

Todd Harper
Userlevel 6
Badge +8

@UXD Academy You added the link to the webhook, not the data received from the webhook test data. It should look something like this:

 

Terms & Conditions