美文网首页
原生js点击图片换头像实例

原生js点击图片换头像实例

作者: 闫涵达人 | 来源:发表于2017-02-28 15:35 被阅读0次

    <html>

    <input id="f" type="file" onchange="chooseImg(this)" style="display:none">

    <img id="img" width="40" height="40" onclick="f.click()">

    <js>

    function chooseImg(file){

        var file=file.files[0];

        var reader=new FileReader();

        reader.readAsDataURL(file);

        reader.onload=function(){

               var img=document.getElementById('img');

               img.src=this.result

        };

    }

    相关文章

      网友评论

          本文标题:原生js点击图片换头像实例

          本文链接:https://www.haomeiwen.com/subject/uivywttx.html