Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
How to convert the image into a base64 string using JavaScript?
To convert the image into a base64 string using JavaScript, use the FileReader API. You can try to run the following code to get base64string for an image −
Example
<!DOCTYPE html>
<html>
<body>
<script>
function toDataURL(url, callback) {
var httpRequest = new XMLHttpRequest();
httpRequest.onload = function() {
var fileReader = new FileReader();
fileReader.onloadend = function() {
callback(fileReader.result);
}
fileReader.readAsDataURL(httpRequest.response);
};
httpRequest.open('GET', url);
httpRequest.responseType = 'blob';
httpRequest.send();
}
toDataURL('https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg', function(dataUrl) {
document.write('Result in string:', dataUrl)
})
</script>
</body>
</html> 
Updated on: 2020-06-24T06:36:26+05:30
654 Views
Advertisements