zoukankan      html  css  js  c++  java
  • vue框架input框上传图片文件实时显示

    body部分:

    上传图片<input type="file" ref="file2" name="check_img_url" @change="tirggerFile($event)" />
    <div>
                    <img style="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;
                };
            },
     
    }
    本人小白,各位想踏入前端的,我们可以一起学习,欢迎程序员大佬的指点
  • 相关阅读:
    加载声音的过程
    onkeyup,onkeydown和onkeypress
    加载着色器的异常

    3
    1
    1
    java总结
    环路
    own address as source address
  • 原文地址:https://www.cnblogs.com/xiao-lei-ge/p/12698636.html
Copyright © 2011-2022 走看看