图片预览功能

function loadImg(){
    //获取文件
　　//#imgForm为input标签外层容器
    var file = $("#imgForm").find("input")[0].files[0];
 
    //创建读取文件的对象
    var reader = new FileReader();
 
    //创建文件读取相关的变量
    var imgFile;
 
    //为文件读取成功设置事件
　　//#imgContent为图片id
    reader.onload=function(e) {
        alert('文件读取完成');
        imgFile = e.target.result;
        console.log(imgFile);
        $("#imgContent").attr('src', imgFile);
    };
 
    //正式读取文件
    reader.readAsDataURL(file);
}

　　

---------------------
作者：BuBu高打火机
来源：CSDN
原文：https://blog.csdn.net/fd214333890/article/details/71250488/ 

使用之后可以将图片显示出来，但是需要自己将样式、容器写好