JavaScript 实现图片预览

 效果如下图：

直接上代码： 

<input type="file" id="myfiles"/>

<button onclick="upload()">Upload</button>
<img id="image" />


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
function upload(){
var URL = window.URL || window.webkitURL;
var myfile=document.getElementById("myfiles");
var f=myfile.files[0];
	var result = URL.createObjectURL(myfile.files[0]);
	console.log(result);
	console.log(f.name,f.type);
	
	var $image = $('#image');
	$image.attr('src',result);
}
</script>