实现图片预览的三种方式

1.使用FileReader

1. 给input注册值改变事件
2. 获取到文件，创建FileReader对象
3. 注册load事件
4. 预览：把结果得到的路径给预览的标签
5. 转为base64格式

this.$refs['file'].onchange = () => {
	let myFile = this.$refs['file'].files[0];
	let reader = new FileReader();
	reader.addEventListener('load', res => {
		img.src = res.target.result;
	})
	reader.readAsDataURL(myFile);
}

2. 使用createObjectURL

$('#file').on('change', function () {
	let icon = this.files[0];
	let url = URL.createObjectURL(icon);
	$('.img').attr('src', url);
})

3. 服务端与客户端一起配合实现