vue框架input框上传图片文件实时显示

时间：2020-04-14 16:52:56 阅读：306 评论：0 收藏：0 [点我收藏+]

body部分：

上传图片<input type="file" ref="file2" name="check_img_url" @change="tirggerFile($event)" />

<div>

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

};

}

原文地址：https://www.cnblogs.com/xiao-lei-ge/p/12698636.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行