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 頭像預覽