Need help with bringing image into database via backend workflow

Hey guys, I’ve been working on this issue for hours. I have a profile completion page in my app after sign-in. On this page they enter specific information and can upload a profile image. I developed the page with HTML and did not use the native bubble fields and buttons. However, I wrote a script and the form is populating perfectly in the database but for the profile pic. I’ve identified the endpoint URL and have workflow for Profile Picture set to Image , checked box optional and querystring. I can’t seem to get it populating accurately in the database. Any help would be appreciated. Thank you!

How do you set that?
Can you share what you have done?



Here is the backend workflow.

And how do you send the image? with a link to a file?

Also, why doing this and not use Bubble element and function?

I didn’t like the like the aesthetic I was getting, and I know HTML, CSS and Java so I coded it on my own. Because of that, I had to have the form I created go backend API. However, I just did a work around, where instead of uploading the file on the page, a pop up appears and I’musing the native Bubble uploader.