Thu, 24 Sep 2026
Login

Image to Base64

Confluence User - 07 Oct, 2023

Hi everybody!

I'm starting with joget

How can I do the following?

I have an image update field (imageField) and another text field of type field with name base64.
I need to image upload in the image field to be converted to base64 format and displayed in the base64 field.

forms;uploadimage

3

Confluence User •
10 Oct, 2023 •
confluenceUser •
•
confluenceUser •

Hi, there are multiple ways to do it, you could try following the answers in https://stackoverflow.com/questions/6150289/how-can-i-convert-an-image-into-base64-string-using-javascript.

Confluence User •
10 Oct, 2023 •
confluenceUser •
•
confluenceUser •

Hello Anders! thanks for your answer!!
How can I add custom javascript code? In the BeanShell validator of my imageField field?
Like I said, I have a field (imageField) which is a "drop zone" field
I drag and drop an image to this field and I need to convert it to base64 and display it in the imgBase64 field :)
I'm new to Joget :)

Confluence User •
11 Oct, 2023 •
confluenceUser •
•
confluenceUser •

You can use the Custom HTML element in your form. Here, you can embed any HTML code including your custom JavaScript.

1
CSV | Excel | XML | PDF
RELATED QUESTIONS
Process not starting with Form submission.
Form Submission Performance Issue
Export As PDF
Select Box
one to many relationship
Can we create a dropdown field directly in a Joget List so that users can change the status of a record from the list view itself?
How to auto load client data after selecting it in a dropdown?
Retrieve image upload from form into PDF
Error storing data
How to generate unique ID using Textfield?
1
CSV | Excel | XML | PDF

Your answer

To answer a question you'll need an account.

Print