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> |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)