kolipass/select_img.html

## select_img.html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <body>
<input type="file" id="theFile"  />
<image  id="myimage" />

<script type="text/javascript">
document.getElementById('theFile').addEventListener('change', example);

function example(evt) {
  var files = evt.target.files;
  f= files[0];
     //.... the user has choosen an image file
  var reader = new FileReader();
 reader.onload = function(evt) {
    document.getElementById('myimage').src=evt.target.result;
 };

  reader.readAsDataURL(f);
}
</script>

</body>

</html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<body>
	<input type="file" id="theFile" />
	<image id="myimage" />

	<script type="text/javascript">
	document.getElementById('theFile').addEventListener('change', example);

	function example(evt) {
	var files = evt.target.files;
	f= files[0];
	//.... the user has choosen an image file
	var reader = new FileReader();
	reader.onload = function(evt) {
	document.getElementById('myimage').src=evt.target.result;
	};

	reader.readAsDataURL(f);
	}
	</script>

	</body>

	</html>