Upload image to Cloudinary from within Glide

Impressive!

What is considered as “removed”? Can you just delete the link to a file/image in the spreadsheet?

1 Like

Hi @Krivo, many thanks for this very complete tutorial. I’ve never used Cloudinary, and maybe it may answer my challenge:

I need to create 1 QR Code from different pictures that my users upload in Glide (cf. pictures of recto-verso papers).
My idea is to rebuild these X pictures into 1 > then use the QR Code formula (cf. QR Code - Attendee Check-In)

I should then be able to send this QR Code picture by mail.
Of course, all should be automatic…

Is Cloudinary able to deliver this or am I dreaming awaken?

Thanks!

Hi @AyS_0908 i’m not sure what you want Cloudinary to do. Do you want Cloudinary to stich the images - so they become one picture?
If so, I wonder whether you can have a blank background image and the do overlays with the X images so they will form one new image where you can scan the QR code. The challenge would be to resize and position the images to one image

You might be inspired by this post:

1 Like

Thanks @Krivo, this seems to be the target … even if it also seems quite complicated to set up for a non IT guy.
I will give it a try though …
Thanks again

@AyS_0908 if you are going do placement of images on an empty background image you might get a bit inspired by the documentation in this thread about cloudinary

Image carousel in conjunction with Cloudinary

2 Likes

Many thanks, I will deep dive into it!

It’s exactly what I need, thanks to your documentation, the challenge will now be to understand the cloudinary side.

Thanks again!
Cheers

Can anyone point to a good Cloudinary tutorial on how to generate your upload link/button and implement this workflow?

1 Like

@Alexdz what is it you are missing? Is it the webpage with the link?
Notice that is user experience isn’t the best as there are many steps before the image is uploaded. Have you tried it out yourself?

Yes, exactly, how do you get the upload button? I guess the button on the webpage is just an iframe or something like that, but where do you get the button from? Sorry, just signed up to Cloudinary yesterday :slight_smile: Mange tak!

@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 = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}

var imageid = GetURLParameter('imageid');

//var myFileName = "myName";
var myUploadWidget = cloudinary.createUploadWidget({

    prepareUploadParams: function(cb, params)
    {
        cb({public_id: imageid})
    },

    cloudName: "-------your-cloudname-----",
    uploadPreset: "----your-upload-preset",
//    public_id: myFileName
  },
  (error, result) => {
     if (!error && result && result.event === "success") { 
      console.log('Done! Here is the image info: ', result.info); 
    }
  });

document.getElementById("upload_widget").addEventListener("click", 
    function(){
        myUploadWidget.open();
    }, false);
    
</script>

</html>
1 Like

@Alexdz

If you succeed doing a signed upload - then please share it with us :slight_smile:

As I stated in the initial post - possible improvements:

thank you very much! i will give it a try!

The Cloudinaray preset - mode “unsigned”

Thank you. Those were helpful, but not exactly what I am looking for. I can get the URL from cloudinary manually and add it to the sheet manually, but I am looking for how to do this automatically. What I can’t figure out is how to change the ID on the upload so that I can pull that. I followed the link that was posted above

https://support.cloudinary.com/hc/en-us/articles/360011205719-Upload-Widget-Can-I-update-the-file-name-after-choosing-the-file-to-upload-

and 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.

@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.

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

@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.

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

Ed