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 头像预览