选择文件时预览图片

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

//完事!

  

posted @ 2019-05-09 17:10  Kaneha  阅读(311)  评论(0编辑  收藏  举报