# Upload image to Cloudinary from within Glide

**URL:** <https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204>\
**Category:** Project Showcase\
**Created:** [June 21, 2020, 1:40pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204 "2020-06-21T13:40:30Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 14, 2020, 6:50pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/21 "2020-07-14T18:50:29Z")

</div>

@Ed_Pietrzak

> am able to change the code, but it only changes it for the first image. Then when I go to upload another image, it pulls the image that already has that name into it.

I guess the problem is that you are using an unsigned preset i cloudinary. Using unsigned preset means that images will not be overwritten.

But if you want the best help I think you should describe step by step what you want to achieve. Not how to do it - but what you actually want to achieve.

Do you want to upload to cloudinary independently of glide - or should glide be involved in the upload process. How do you want the images to be used in cloudinary - is it a simple list a image - or should individual images be mapped to something special etc.

---

<div class="post-metadata">

**Author:** ![Ed\_Pietrzak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ed_pietrzak/32/9216_2.png) [@Ed\_Pietrzak](https://community.glideapps.com/u/Ed_Pietrzak)\
**Post date:** [July 14, 2020, 7:14pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/22 "2020-07-14T19:14:27Z")

</div>

Thank you for the response. I am not looking to do anything to complicated, I am really just trying to use Cloudinary instead of Glide’s images. I am worried I will run out of space with the free plan. This is going to be for a fish tracking app for our annual fishing trip and we plan on catching a lot of fish!

So ultimately what I am looking for is a user submitted form. In that form, they upload an image, then have that image displayed in the details of the catch, which is what was entered in the form.

Any help is very much appreciated.  
Ed

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 14, 2020, 7:33pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/23 "2020-07-14T19:33:44Z")

</div>

@Ed_Pietrzak The Upload to Cloudinary app lets you create a company (~a fish catch) and upload a number of images related to the company.

You might want to have a form where you inside the form upload an image. But that isn’t possible as the fish catch hasn’t got an id yet until the form is submittet. And you want to link the catch and the image.

Take a look on the app again if you feel. And again, try to describe in more detail step by step what you want to achieve. Not how to do it - but what you actually want to achieve.

---

<div class="post-metadata">

**Author:** ![Ed\_Pietrzak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ed_pietrzak/32/9216_2.png) [@Ed\_Pietrzak](https://community.glideapps.com/u/Ed_Pietrzak)\
**Post date:** [July 14, 2020, 7:42pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/24 "2020-07-14T19:42:09Z")

</div>

Got it. Thank you for the explanation, that makes more sense now. I will rethink my form.

Ed

---

<div class="post-metadata">

**Author:** ![Jomar\_Hilario](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jomar_hilario/32/1664_2.png) [@Jomar\_Hilario](https://community.glideapps.com/u/Jomar_Hilario)\
**Post date:** [July 21, 2020, 5:06am UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/25 "2020-07-21T05:06:39Z")

</div>

This is soo cool.

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 1:55pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/26 "2020-07-22T13:55:22Z")

</div>

did you use the web view component with this

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 22, 2020, 5:18pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/27 "2020-07-22T17:18:52Z")

</div>

@Glider yes I did. As described the in my first post

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 5:20pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/28 "2020-07-22T17:20:03Z")

</div>

i have a question how did you get the link you used with the webview component

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 22, 2020, 5:28pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/29 "2020-07-22T17:28:26Z")

</div>

> [@Krivo](#):
>
> - The webpage is fed with the name of the image to be created in Cloudinary (like [https://website/htmlpage?imageid=Image-mhEQ5+g8QXG3Yhk09Zv9aA-4](https://website/htmlpage?imageid=Image-mhEQ5+g8QXG3Yhk09Zv9aA-4)). The upload is therefore independent of the original filename.
> - A rollup column is used to determine how many images that already have been uploaded for the company - and thereafter “add one” to the file name for the new image.

I created the link myself in the glide editor based on the company Id and a rollup column

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 5:29pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/30 "2020-07-22T17:29:56Z")

</div>

in the link there is a part labekked website  
in your app you replaced it with something else  
are we meant to change it based on our cloudinary account

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 22, 2020, 5:38pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/31 "2020-07-22T17:38:28Z")

</div>

You have to create your own webpage and place on your own website

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 5:58pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/32 "2020-07-22T17:58:31Z")

</div>

so we add the script to the head of our website

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 6:00pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/33 "2020-07-22T18:00:17Z")

</div>

what of subdomains

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 22, 2020, 6:12pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/34 "2020-07-22T18:12:39Z")

</div>

@Glider I’m not a website developer and only know the very basic things about websites. The webpage shown in this thread describes how I did it.

> [@Upload image to Cloudinary from within Glide](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/15):
>
> @Alexdz It is a very simple webpage \<html\> \<button id="upload\_widget" class="cloudinary-button"\>Select file to upload\</button\> \<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"\>\</script\> \<script type="text/javascript"\> function GetURLParameter(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i \< sURLVariables.length; i++) { var sParameterName = sURLVariable…

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 22, 2020, 6:23pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/35 "2020-07-22T18:23:49Z")

</div>

@krivo where do we inpit our api key and secret

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 22, 2020, 8:35pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/36 "2020-07-22T20:35:55Z")

</div>

@glider you will not need to put it in as you are using an unsigned upload preset in Cloudinary.  
If you get the signed upload preset to work please share with us here. I would like to do it but at the moment I haven’t been able to figure out how to do it. My background isn’t as programmer so it is a bit tough what Cloudinary has lined up  
[https://cloudinary.com/documentation/upload\_widget#signed\_uploads](https://cloudinary.com/documentation/upload_widget#signed_uploads)

---

<div class="post-metadata">

**Author:** ![Brian\_Jagger](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_jagger/32/2324_2.png) [@Brian\_Jagger](https://community.glideapps.com/u/Brian_Jagger)\
**Post date:** [September 22, 2020, 2:03am UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/37 "2020-09-22T02:03:30Z")

</div>

Just happened to see this thread and thought I’d chime in. I recently (like yesterday) created an app that is a selfie scavenger hunt. You take a picture at a location and then the app spits back at you the same picture, but with a ghost added to it. This is done with Zapier and Cloudinary. Turned out pretty cool. We’re going to sue it for a big open house at a old prison in conjunction with the prison museum.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 22, 2020, 2:10am UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/38 "2020-09-22T02:10:50Z")

</div>

So you’re adding a ghost layer to the image? Zapier is only added to avoid storage, is that correct?

---

<div class="post-metadata">

**Author:** ![Gary\_Willmott](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gary_willmott/32/837_2.png) [@Gary\_Willmott](https://community.glideapps.com/u/Gary_Willmott)\
**Post date:** [May 30, 2023, 7:30am UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/39 "2023-05-30T07:30:54Z")

</div>

@Krivo

Just a thought … after you upload you transform an image with cloudinary, from my understanding is that it is stored on Cloudinary server.

Here is my workflow:

**1. I upload to Glide:**

[https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/3God6rWTkBPmTRnHgO0G/pub/hiKosCp7Vw2EThkilyVG.mp4](https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/3God6rWTkBPmTRnHgO0G/pub/hiKosCp7Vw2EThkilyVG.mp4)

**2. Transforms on Cloudinary**

[https://res.cloudinary.com/surf-diaries/video/upload/e\_preview:duration\_10:max\_seg\_10:min\_seg\_dur\_1/q\_auto:low/co\_rgb:FFFFFF55,l\_text:roboto\_550\_normal\_left:diary.surf/fl\_layer\_apply,g\_center,x\_50,y\_5,c\_scale,fl\_relative,w\_0.8/co\_rgb:FFFFFF55,l\_text:roboto\_50\_normal\_up:%22this%20is%20a%20preview%22/fl\_layer\_apply,g\_north,x\_50,y\_20,c\_scale,fl\_relative,w\_0.2/glide\_storagelong/hiKosCp7Vw2EThkilyVG.mp4](https://res.cloudinary.com/surf-diaries/video/upload/e_preview:duration_10:max_seg_10:min_seg_dur_1/q_auto:low/co_rgb:FFFFFF55,l_text:roboto_550_normal_left:diary.surf/fl_layer_apply,g_center,x_50,y_5,c_scale,fl_relative,w_0.8/co_rgb:FFFFFF55,l_text:roboto_50_normal_up:%22this%20is%20a%20preview%22/fl_layer_apply,g_north,x_50,y_20,c_scale,fl_relative,w_0.2/glide_storagelong/hiKosCp7Vw2EThkilyVG.mp4)

**3 Stored on Cloudinary**  
Then I noticed it is stored on Cloudinary

[https://res.cloudinary.com/surf-diaries/video/upload/v1684436411/glide\_storagelong/hiKosCp7Vw2EThkilyVG.mp4](https://res.cloudinary.com/surf-diaries/video/upload/v1684436411/glide_storagelong/hiKosCp7Vw2EThkilyVG.mp4)

Question I am asking:  
Doesn’t it make sense to transform with Cloudinary, store the location back to Glide, then Delete off Glide?

This prevents having to open a separate window to upload to Cloudinary?

CC @ThinhDinh @Ed_Pietrzak

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [June 1, 2023, 4:47pm UTC](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/40 "2023-06-01T16:47:51Z")

</div>

@Gary_Willmott you might get inspired by this post. Here the original image uploaded to glide is replaced by an image stored in cloudinary thereby reducing the needed space in glide

Take a look

> [@Photo-location - and images AUTO-UPLOADED to Cloudinary](https://community.glideapps.com/t/photo-location-and-images-auto-uploaded-to-cloudinary/26936):
>
> Main features Upload a photo to Glide and mark it with a location Auto-upload the photos to Cloudinary Resizing and other maniputations of the photo uploaded to Cloudinary Remove the photo from Glide View all the photos uploaded - and directly sourced from Cloudinary account Photo and location saved to both Glide Table and Google Sheets Idea Photo and location is inputted to the glide table “Input…” and data are copied to “Registrations” Photo and location is then cleared from …

[Previous page](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204.md?page=1)

[Next page](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204.md?page=3)