Django-HTML 中设置图片jquery 属性

发布时间 2023-08-27 20:45:33作者: jakub

img 代码如下

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

  

导入 jquery

 在HTML末尾 加入以下代码

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