完成上传自定义头像的功能

template/src/oj/account/avatar.html

@@ -15,9 +15,11 @@
             </ul>
         </div>
         <div class="col-lg-3">
-            <img src="{{ user.userprofile.avatar }}" class="img-responsive"
-                 style="height: 200px;width: 200px;" id="current_avatar">
+            <img src="{{ user.userprofile.avatar }}" class="img-responsive big-avatar" id="current-avatar">
             <br>
+            <div class="form-group left">
+                <button id="save-avatar" type="submit" class="btn btn-primary">保存</button>
+            </div>
         </div>
         <div class="col-lg-6">
             <h3>选择已有头像</h3>
@@ -43,10 +45,6 @@
             </div>
             <h3>上传自定义头像</h3>
             <div id="avatarUploader">选择头像</div>
-            <div class="form-group left">
-                <button id="save_avatar" type="submit" class="btn btn-primary">保存</button>
-            </div>
-
         </div>
     </div>
 {% endblock %}

template/src/oj/account/change_password.html

@@ -15,8 +15,7 @@
         </ul>
     </div>
     <div class="col-lg-3">
-        <img src="{{ user.userprofile.avatar }}" class="img-responsive"
-             style="height: 200px;width: 200px;">
+        <img src="{{ user.userprofile.avatar }}" class="img-responsive big-avatar">
     </div>
     <div class="col-lg-6">
         <form id="change_password-form">

template/src/oj/account/settings.html

@@ -15,7 +15,7 @@
         </ul>
     </div>
     <div class="col-lg-3">
-        <img src="{{ user.userprofile.avatar }}" class="img-responsive index-avatar">
+        <img src="{{ user.userprofile.avatar }}" class="img-responsive big-avatar">
     </div>
     <div class="col-lg-6">
         <form>

template/src/oj/account/user_index.html

@@ -6,7 +6,7 @@
     <div class="container main">
         <div class="col-lg-4">
             <div class="avatar">
-                <img src="{{ user.userprofile.avatar }}" class="img-responsive" id="index-avatar">
+                <img src="{{ user.userprofile.avatar }}" class="img-responsive big-avatar">
             </div>
             <div>
                 <h2>