django - 总结 - cnblog

一、头像预览

 1 -------方法1--------
 2 点击头像------>点击input
 3 img和input重合;   img在label,input-->display:none
 4 
 5 $("#avatar").change(function(){
 6     // 获取用户选中文件对象
 7     file_obj=$(this)[0].files[0];
 8     // 获取文件对象   
 9     var reader=new FileReader();
10     reader.readAsDataURL(file_obj);①
11     // 并不会有返回值，而是存放在对象里
12     //修改图片src属性,  对应文件的路径
13     reader.onload=function(){
14           $("#avatar_img").attr("src",reader.result)②  
15     }
16     read.resualt  
17 }) 
18 
19 
20 
21 ①②异步，并不会顺序执行完毕
22 注意：window.onload=function(){
23 // 文档加载完毕后，在执行
24 }

二、提交数据及错误信息展现

1 与用户上传相关的操做

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览

1 头像预览