vue框架input框上傳圖片文件實時顯示


body部分:

上傳圖片<input type="file" ref="file2" name="check_img_url" @change="tirggerFile($event)" />
<div>
                <img style="width:100px;height:100px;margin-left:105px" id="img2" src alt />
</div>
script部分:
methods:{
    tirggerFile(event) {
                var file = event.target.files;
                var reader = new FileReader();//讀取文件
                reader.readAsDataURL(file[0]);
                reader.onload = function() {
                    document.getElementById("img1").src = reader.result;
            };
        },
 
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM