I have convert the image file upload to base64 string successfully and it able to display into the img src=""
`var formData = new FormData();
//when we put the value is the upload file it work perfect
//we crop and convert to base64 and display into the img src
formData.append("file", document.getElementById('logo').files[0]);
How to convert the base64 to fileImage so that it can work
Maybe I am misunderstanding the question, but this is how you get it to show on the page.
<img src="data:image/gif;base64,+your_base64_string_here
Use a XMLHttpRequest
to send it to your servlet.
var fd = new FormData();
fd.append('file', document.getElementById("YourFileInputId").files[0]);
var req;
if (window.ActiveXObject) {
req=new ActiveXObject();
} else {
req=new XMLHttpRequest();
}
req.open("post", "YourServletURLPattern", true);
req.send(fd);