Django-HTML 中设置图片jquery 属性

img 代码如下

1
<img id="head-img" src="/static/blog/image/headimg.jpg.jpeg"style="height:100px;width:100px;">

  

导入 jquery

 在HTML末尾 加入以下代码

1
2
3
4
5
6
7
8
9
10
<script>
    // 找到头像的input标签绑定change事件
    $("#id_head_img").k(function () {
        var filerd = new FileReader(); //  创建一个读取文件的对象
        filerd.readAsDataURL(this.files[0]); // 读取你选中的那个文件
        filerd.onload = function () {
            $("#head-img").attr("src",  filerd.result);// 2. 把图片加载到img标签中
        };
    });
</script>

  

 

posted @   jakub  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示