js实现图片选中马上显示图片名，选择后可以预览，即选即显 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>    
        <input type="file" onchange="show(this)"/>
        <img id="img" src="">
        <script>        
            function show(file){    
                var reader = new FileReader();    // 实例化一个FileReader对象，用于读取文件
                var img = document.getElementById('img');     // 获取要显示图片的标签
                
                //读取File对象的数据
                reader.onload = function(evt){
                    img.width  =  "80";
                    img.height =  "80";
                    img.src = evt.target.result;
                }
                reader.readAsDataURL(file.files[0]);
            }    
        </script>    
    </body>

 

 

posted @ 2020-02-26 10:08  YJUI  阅读(1760)  评论(0)    收藏  举报