H5--文件上传（显示文件）

 

需求：上传照片后，在文件上传控件下方显示已经上传的图片文件

	<form action="">
	文件：<input type="file" name="myFile" id="myFile" onchange="getFile()" value="" /><br>
		<input type="submit" name=""/>
		<div><img src="" id="img"/></div>
	</form>



	function getFile(){
		
		var reader=new FileReader();
		var file=document.querySelector('#myFile').files;
		console.log(file);
		reader.readAsDataURL(file[0]);
		reader.onload=function(){
			console.log(reader.result);
			document.querySelector("#img").src=reader.result;
		}
		
	}