头像实时展示

一只行走的小bug

于 2024-10-22 16:55:35 发布

阅读量150

点赞数 1

文章标签： django python

本文链接：https://blog.youkuaiyun.com/qq_56577959/article/details/143162777

版权

头像前端实时展示

 <body>
      
       <div>
            <label for="myfile">头像
                {% load static %}
            <img id='myimg' src="{% static 'img/default.png' %}" style="width:80px" alt="头像"></label>
            <input type="file" id="myfile" name="avatar" style="display:none">
       </div>
</body>
<script>
    $('#myfile').change(function (){
        let myFileReaderObj=new FileReader();
        let fileObj=$(this)[0].files[0];
        myFileReaderObj.readAsDataURL(fileObj)
        myFileReaderObj.onload=function (){
            $('#myimg').attr('src',myFileReaderObj.result)
        }
    })

</script>