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);
        }
     
    })
})

具體效果如下：