Ki R Hobe: Image convert to Base64 (from file to string)

Monday, October 22, 2018

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

	<script type="text/javascript">
	$(document).ready(function(){

	function readFile() {
	if (this.files && this.files[0]) {
	var FR= new FileReader();
	FR.addEventListener("load", function(e) {
	document.getElementById("img").src = e.target.result;
	document.getElementById("b64").innerHTML = e.target.result;
	});
	FR.readAsDataURL( this.files[0] );
	}
	}

	document.getElementById("imgFile").addEventListener("change", readFile);

	});
	</script>

	</head>

	<body>
	<input id="imgFile" onload="readFile();" type="file" /><br>
	<div id="b64"></div>
	<img id="img" width="100" height="100"/>
	</body>
	</html>

Ki R Hobe