javascript实现图片的预览

简单javascript代码 实现上传图片预览

<body>
    <!-- 设置当有图片准备上传时触发javascript代码-->
     <input type="file" id="file_input" onchange="show_image()" />
     <img src="" alt="" id="show_img" width="100px" height="100px" style="display: none;" />
</body>
<script>
     function show_image() {
        //抓取到上传图片的input标签的信息
         file_input = document.getElementById("file_input");
        //抓取到需要展示预览图的img标签信息
         show_img = document.getElementById("show_img");
        //回去预览图的src属性信息
         show_img.src = window.URL.createObjectURL(file_input.files[0]);
        //改变style属性中block的值
         show_img.style.display = 'block';
     }
</script>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/wtyhome/p/7490553.html