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

本文转载自查看原文 2020-02-26 10:08 1553 图片上传

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js实现FileUpload选择图片后预览功能怎样扩展EasyUI在页面中马上显示选中的本地图片仿照微信的效果，实现了一个支持多选、选原图和视频的图片选择器微信小程序图片选择，预览和删除 Android实现本地图片选择及预览缩放效果仿春雨医生（转）JS 选择图片后的回显方法选择图片后，页面回显图片 js实现图片预览 viewer.js 显示图片名称和照片属性小程序图片选择区域/等屏裁剪实现方法