用户头像编辑与查看功能开发完成

src/main/resources/static/js/menu.js

@@ -97,6 +97,9 @@ function editPassword() {
 function editProfileImage() {
     $("#content").html("");
     $("#profileimage").css("display","block");
+    $("#mydropzone").css("display","none");
+    $(".x_content").append("<img id='headImage99'/>")
+    imgFun("/thmz/download-profile", "headImage99");
     //设置文件类型为头像
     localStorage.setItem("fileType","0");
 }
@@ -193,4 +196,9 @@ function imgFun (url, imgs) {
 }
 
 
+function profileImage() {
+    $("#mydropzone").css("display","block");
+    $("#profileImageTitleInfo").removeClass('hide').addClass('in');
+    $("#headImage99").remove();
+}
 

src/main/resources/templates/profile_image.html

@@ -5,12 +5,21 @@
         <div class="col-md-12 col-sm-12 col-xs-12">
             <div class="x_panel">
                 <div class="x_title">
-                    <h2>文件上传</h2>
+                    <h2>头像管理<small id="profileImageTitleInfo" class="hide">修改</small></h2>
+                    <ul class="nav navbar-right panel_toolbox">
+                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                        </li>
+                        <li class="dropdown">
+                            <a href="#" onclick="profileImage()" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                        </li>
+                        <li><a class="close-link"><i class="fa fa-close"></i></a>
+                        </li>
+                    </ul>
                     <div class="clearfix"></div>
                 </div>
                 <div class="x_content">
                     <!--<form action="/thmz/upload" class="dropzone" enctype="multipart/form-data" method="post" ></form>-->
-                    <div id="mydropzone" class="dropzone"></div>
+                    <div id="mydropzone" class="dropzone" style="display: none"></div>
                     <br/>
                     <br/>
                     <br/>