JavaScript - 图片预览,不上传图片进行本地预览

比如如下结构的文件选择

<div>
	<input type="file" class="selectFile">
	<img src="">
</div>

监听文件选择的input的change事件,通过父div取得兄弟img

通过URL.createObjectURL(file) 获取file的地址,赋值给<img>的src即可实现本地预览图片

<script>
$(function(){
	$(".selectFile").change(function(){
		$(this).parent().children("img")
            .attr("src",URL.createObjectURL($(this)[0].files[0]));
	});
});
</script>