在还没上传前,实现图片选择之后的预览

189 阅读1分钟
 //在还没上传前,实现图片选择之后的预览,change 触发
$('#exampleInputFile').change(function () {
// console.log($('#exampleInputFile'));
//获取图片对象 就是获取到刚上传的这个图片文件
const myfile = $('#exampleInputFile')[0].files[0];
// console.log(myfile);
//为这个图片文件创建url
// 使用createObjectURL来生成一个内存url
const url = URL.createObjectURL(myfile);
// console.log(url);
$('.col-sm-10 label img').attr('src', url);
$('.user_pic').attr('src', url);
})