-------方法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(){

 // 文档加载完毕后，在执行

 }