# Upload images to Cloudinary using Web Api, only,

**URL:** https://community.thunkable.com/t/upload-images-to-cloudinary-using-web-api-only/1701875
**Category:** Questions about Thunkable X
**Created:** [January 28, 2022, 12:44pm UTC](https://community.thunkable.com/t/upload-images-to-cloudinary-using-web-api-only/1701875 "2022-01-28T12:44:37Z")
**Posts on this page:** 1
**Showing post:** 7

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [January 28, 2022, 11:26pm UTC](https://community.thunkable.com/t/upload-images-to-cloudinary-using-web-api-only/1701875/7 "2022-01-28T23:26:03Z")

</div>

> [@nmtabooks](#):
>
> could you please give me an example

See this code snippet from `w3schools`

```auto
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <input type="file" onchange="encodeImageFileAsURL(this)" />
    <script>
      function encodeImageFileAsURL(element) {
        let file = element.files[0];
        let reader = new FileReader();
        reader.onloadend = function() {
          document.write('RESULT: ', reader.result);
        }
        reader.readAsDataURL(file);
      }
    </script>
  </body>
</html>

```

This will convert your selected file to Base64 on screen.

---

_[View the full topic](https://community.thunkable.com/t/upload-images-to-cloudinary-using-web-api-only/1701875)._
