django - 总结 - cnblog

1、头像预览

 -------方法1--------
 点击头像------>点击input
 img和input重合;   img在label,input-->display:none

 $("#avatar").change(function(){
     // 获取用户选中文件对象
     file_obj=$(this)[0].files[0];
     // 获取文件对象
     var reader=new FileReader();
     reader.readAsDataURL(file_obj);①
     // 并不会有返回值，而是存放在对象里
     //修改图片src属性,  对应文件的路径
     reader.onload=function(){
           $("#avatar_img").attr("src",reader.result)②
     }
     read.resualt
 }) 

 ①②异步，并不会顺序执行完毕
 注意：window.onload=function(){
 // 文档加载完毕后，在执行
 }

2、提交数据及错误信息展示

1 与用户上传相关的操作

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览