<input id="image" type="file" name="image" onchange="showPhoto(this)">
<img id="show" th:src="${session.user.image}" width="100px" height="100px">
<!--一個file類型,一個img類型-->

function showPhoto(tag){
    var file = tag.files[0];

    var fr = new FileReader();
    //把圖片內容讀取到DataURL中
    fr.readAsDataURL(file);

    fr.onload = function(){
        //獲取讀取的內容
        var url = fr.result ;
        document.getElementById("show").src = url ;
    }
}

//完事!

選擇文件時預覽圖片