input 上传文件并实时预览图片

1.html部分

<label class="layui-form-label">商品图片</label>
<input type="file"  id="selectImage">
<img  id="previewImage" style="width: 100%; height: 92px;">

2.js部分 (Jquery)

       

$('#selectImage').change(()=>{
        let file = $('#selectImage')[0].files[0];
        let reader = new  FileReader();
        reader.readAsDataURL(file);
        reader.onload = function (ev) {
            $("#previewImage").attr("src", ev.target.result);
        }
    })