# Upload audio file with webApi (backendless)

**URL:** <https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735>\
**Category:** Questions about Thunkable X\
**Tags:** webapi\
**Created:** [December 18, 2020, 12:02pm UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735 "2020-12-18T12:02:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![tmuracho3jx](https://avatars.discourse-cdn.com/v4/letter/t/a4c791/32.png) [@tmuracho3jx](https://community.thunkable.com/u/tmuracho3jx)\
**Post date:** [December 18, 2020, 12:02pm UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735/1 "2020-12-18T12:02:17Z")

</div>

Hey thunkers,  
iam trying to build an app where users can record sounds and upload them to a storage (backendless) by api. I can’t get the webApi component to upload the recorded audiofile.  
When I save the audio file from the record component into a stored variable it seems only to story the local path. Handing this to the webapi does not do the trick. Backendless needs a - of course - a file. ([File Upload - Backendless REST API Documentation](https://backendless.com/docs/rest/files_file_upload.html))

Has anyone of you done something similar and can provide some help?

cheers, Torben

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 19, 2020, 5:06am UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735/2 "2020-12-19T05:06:30Z")

</div>

The documentation says that the API allows you to upload a local file and I don’t think you can do that from Thunkable. Someone mentioned a link that explains how to do that (potentially) but the link is unfortunately broken. It’s the top link in this post: [Save and Retrieve a image file in backendless - General - Backendless Support](https://support.backendless.com/t/save-and-retrieve-a-image-file-in-backendless/8024/2)

But if Cloudinary is still accessible in Thunkable – a lot has changed in the past couple weeks – that would probably be the way to go:

[https://docs.thunkable.com/media-db](https://docs.thunkable.com/media-db)

---

<div class="post-metadata">

**Author:** ![tmuracho3jx](https://avatars.discourse-cdn.com/v4/letter/t/a4c791/32.png) [@tmuracho3jx](https://community.thunkable.com/u/tmuracho3jx)\
**Post date:** [December 20, 2020, 10:44am UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735/3 "2020-12-20T10:44:30Z")

</div>

Hey Mate,  
thanks alot! I just tried and got cloudinary to work in no time. BUT still I think it must be possible with backendless which I would really like to use.

I think I just get the part wrong where I have to “hand” the file to the api call. In the backendless docs I know that I have to make the post request with the header info “Content-Type:multipart/form-data”. I just dont know how to make the body part / hand the file to the request.

This ist what my blocks look like:

 ![Bildschirmfoto 2020-12-20 um 11.42.50](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/5/f5e6e72ec8546fb481d0fb07759918c077d5adac.png)

- I removed additional blocks for error tracking etc. just to make it better readable
- I tried handing the file in different forms like (with a key pair file:audiofile)

Any ideas are very welcome!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [December 20, 2020, 11:08am UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735/4 "2020-12-20T11:08:35Z")

</div>

I think this requires a JavaScript solution with a file picker. This is unavailable with native thubkable blocks at this time.

This is obviously not a great solution.

> **[W3Schools online HTML editor](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_fileupload_create)**
>
> The W3Schools online code editor allows you to edit code and view the result in your browser

It would be nice to be able to send media to any media server that we want. Cloudinary is a nice option most of the time but not always what we want.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:19pm UTC](https://community.thunkable.com/t/upload-audio-file-with-webapi-backendless/1039735/5 "2024-11-08T12:19:35Z")

</div>


