diff --git a/public/react/src/modules/user/account/AccountImg.js b/public/react/src/modules/user/account/AccountImg.js
index fdb4bedb9..12dfb9d29 100644
--- a/public/react/src/modules/user/account/AccountImg.js
+++ b/public/react/src/modules/user/account/AccountImg.js
@@ -1,12 +1,16 @@
 import React, { Component } from 'react';
 
 import { SnackbarHOC, getImageUrl } from 'educoder';
-
+import ChangeHeaderPicModal from './ChangeHeaderPicModal'
 class AccountNav extends Component {
+    editImg = () => {
+      this.refs['picModal'].setVisible(true)
+    }
     render() {
       // newMain clearfix
       return (
         <div className="headphoto mt14">
+          <ChangeHeaderPicModal {...this.props} ref="picModal"></ChangeHeaderPicModal>
           <style>{`
             /*
             .headphoto {
diff --git a/public/react/src/modules/user/account/ChangeHeaderPicModal.js b/public/react/src/modules/user/account/ChangeHeaderPicModal.js
index 32532f904..1691c2a22 100644
--- a/public/react/src/modules/user/account/ChangeHeaderPicModal.js
+++ b/public/react/src/modules/user/account/ChangeHeaderPicModal.js
@@ -41,8 +41,9 @@ class ChangeHeaderPicModal extends Component{
           // cropper = new Cropper(image, options);
           inputImage.value = null;
         } else {
-          // TODO noti
-          window.alert('Please choose an image file.');
+          
+          this.props.showNotification && this.props.showNotification("请选择一个图片格式的文件")
+          // window.alert('Please choose an image file.');
         }
       }
     };
@@ -78,7 +79,9 @@ class ChangeHeaderPicModal extends Component{
       .then((response) => {
         // {"status":0,"message":"success","avatar_url":"avatars/User/15739"}
         if (response.data.status == 0) {
-          // TODO noti
+          
+          this.props.showNotification && this.props.showNotification("修改头像成功")
+          this.setVisible(false)
         }
       })
       .catch(function (error) {