html点击上传图片并显示

html代码

<div>
	<label>图片地址</label>
	<div>
		<input type='hidden' id='img_url' />
		<input type='file' οnchange='showImg()' id='img_file'/><img src='' alt='' id='img_id' style='width:100px'>
	</div>
</div>

js代码

function showImg(){
	var file = document.getElementById('img_file').files[0];
	var re = new FileReader();
	re.readAsDataURL(file);
	re.onload = function(re){
		document.getElementById('img_id').src=re.target.result;
	}
}