图片预览

最新推荐文章于 2024-09-13 23:40:08 发布

ruby_xc

最新推荐文章于 2024-09-13 23:40:08 发布

阅读量192

点赞数

分类专栏：前端学习文章标签：图片

本文链接：https://blog.csdn.net/ruby_xc/article/details/78201873

版权

前端学习专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<body>
<input type="file" name="file" onchange='show(this)'/>
<img id="img" src="" width="70" height="85"/>
<script type="text/javascript">
function show(img){
    var file = img.files[0];
    if(window.FileReader){
        var fr = new FileReader();
    console.log(fr)
        fr.onloadend = function(e){
            document.getElementById('img').src=e.target.result;
        };
        fr.readAsDataURL(file);
    }
}
</script>
</body>