js实现上传图片前预览效果

 

$(function() {
    $("#file").change(function() {
        var formData = new FormData();
        console.log($(this)[0].files)

      formData.append("multiFile", $(this)[0].files[0]) //这句是为了后续把文件上传到后台

   var reader = new FileReader();//创建文件读写
        reader.readAsDataURL($(this)[0].files[0])

      reader.onload = function() {
            $("#img").attr("src", reader.result);
        }
     
    })
})

具体效果如下：