settingAvatarInfo.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!-- include '../header' -->
  2. <script type="text/javascript"
  3. src="<?= WEB_SITE_GLOBAL ?>/js/swfobject.js"></script>
  4. <script type="text/javascript"
  5. src="<?= WEB_SITE_GLOBAL ?>/js/fullAvatarEditor.js"></script>
  6. <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css">
  7. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
  8. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
  9. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/user.validator.js"></script>
  10. <body>
  11. <div class="mainLayout">
  12. <div class="mainMenu">
  13. <div class="menuItem"><a href="/" class="mLogo">CLD</a>
  14. <ul>
  15. <!-- include '../menu' -->
  16. </ul>
  17. </div>
  18. </div>
  19. <div class="warpContent">
  20. <div class="subMenu fL">
  21. <div class="menuItem">
  22. <ul>
  23. <!-- include 'settingMenu' -->
  24. </ul>
  25. </div>
  26. </div>
  27. <div class="adminContent autoHeight">
  28. <legend>头像</legend>
  29. <div class="control-group"><label for="inputEmail"
  30. class="control-label">头像</label>
  31. <div class="controls"><img src="{{staff.avatar}}_2.jpg" />
  32. <div>
  33. <div>
  34. <p id="swfContainer">本组件需要安装Flash Player后才可使用,请从<a
  35. href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。</p>
  36. </div>
  37. </div>
  38. <script type="text/javascript">
  39. swfobject.addDomLoadEvent(function() {
  40. var swf = new fullAvatarEditor("swfContainer", {
  41. id : 'swf',
  42. upload_url : 'settingAvatar',
  43. avatar_sizes : "100*100|48*48|32*32",
  44. avatar_sizes_desc : "100*100像素|48*48像素|32*32像素",
  45. checkbox_visible : true,
  46. src_upload : 2
  47. }, function(msg) {
  48. switch (msg.code) {
  49. //case 1 : alert("页面成功加载了组件!");break;
  50. //case 2 : alert("已成功加载默认指定的图片到编辑面板。");break;
  51. case 3:
  52. if (msg.type == 0) {
  53. console.log("摄像头已准备就绪且用户已允许使用。");
  54. } else if (msg.type == 1) {
  55. console.log("摄像头已准备就绪但用户未允许使用!");
  56. } else {
  57. console.log("摄像头被占用!");
  58. }
  59. break;
  60. case 5:
  61. if (msg.type == 0) {
  62. if (msg.content.sourceUrl) {
  63. //alert("头像已成功保存至服务器,url为:\n" + msg.content.sourceUrl);
  64. }
  65. location.reload();
  66. console.log("头像已成功保存至服务器");
  67. }
  68. break;
  69. }
  70. });
  71. // document.getElementById("upload").onclick = function() {
  72. // swf.call("upload");
  73. // };
  74. });
  75. </script></div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <script type="text/javascript">
  81. autoFlashHeight();
  82. </script>
  83. </body>