增加上传头像的前端js基础框架

static/src/css/admin.css

@@ -2,7 +2,6 @@
 @import url("bootstrap/todc-bootstrap.min.css");
 @import url("codeMirror/codemirror.css");
 @import url("simditor/simditor.css");
-@import url("webuploader/webuploader.css");
 @import url("datetime_picker/bootstrap-datetimepicker.css");
 @import url("tagEditor/jquery.tag-editor.css");
 @import url("global.css");

static/src/css/global.css

@@ -1,3 +1,4 @@
+@import url("webuploader/webuploader.css");
 @font-face{
     font-family: 'source_code_pro';
     font-weight: 400;

static/src/js/app/oj/account/avatar.js

@@ -1,5 +1,11 @@
-require(["jquery", "bsAlert", "csrfToken"], function ($, bsAlert, csrfTokenHeader) {
+require(["jquery", "bsAlert", "csrfToken", "uploader"], function ($, bsAlert, csrfTokenHeader, uploader) {
     var avatar = "";
+    var avatarUploader = uploader("#avatarUploader", "/",
+        {title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*'},
+        function (file, response) {
+            //todo
+        });
+
 
     function changeAvatar(event) {
         avatar = $(event.target).attr('src');
@@ -27,7 +33,7 @@ require(["jquery", "bsAlert", "csrfToken"], function ($, bsAlert, csrfTokenHeade
                     }
                 },
                 error: function () {
-                    bsAlert("额 好像出错了，请刷新页面重试。如还有问题，请填写页面导航栏上的反馈。")
+                    bsAlert("好像出错了，请刷新页面重试。")
                 }
 
             });

static/src/js/components/testCaseUploader.js

@@ -62,6 +62,7 @@ define("testCaseUploader", ["avalon", "uploader", "bsAlert", "jquery"], function
         $ready: function(vm, el){
             el.msRetain = true;
             var testCaseUploader = uploader("#testCaseFileSelector", "/api/admin/test_case_upload/",
+                {title: 'testcase zip', extensions: 'zip', mimeTypes: 'application/zip'},
                 function (file, response) {
                     if (response.code) {
                         bsAlert(response.data);

static/src/js/utils/uploader.js

@@ -1,5 +1,5 @@
 define("uploader", ["webUploader", "csrfToken"], function (webuploader, csrfTokenHeader) {
-    function uploader(selector, server, onSuccess, uploadProgress) {
+    function uploader(selector, server, accept, onSuccess, uploadProgress) {
         var Webuploader = webuploader.create({
             auto: true,
             // swf文件路径
@@ -12,11 +12,7 @@ define("uploader", ["webUploader", "csrfToken"], function (webuploader, csrfToke
             // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
             resize: false,
             uploadBeforeSend: csrfTokenHeader,
-            accept: {
-                title: 'testcase zip',
-                extensions: 'zip',
-                mimeTypes: 'application/zip'
-            }
+            accept: accept
         });
         Webuploader.on("uploadBeforeSend", csrfTokenHeader);
         Webuploader.on("uploadSuccess", onSuccess);

template/src/oj/account/avatar.html

@@ -18,9 +18,9 @@
             <img src="{{ user.userprofile.avatar }}" class="img-responsive"
                  style="height: 200px;width: 200px;" id="current_avatar">
             <br>
-
         </div>
         <div class="col-lg-6">
+            <h3>选择已有头像</h3>
             <div>
                 <div class="row">
                     {% for i in "aaaaaaaaaaaaaaaaaaaa" %}
@@ -38,11 +38,15 @@
                          style="height: 100px;width: 150px">
                     水果头像由<a href="https://coding.net">coding.net</a>提供。
                 </div>
-                <div class="form-group left">
-                    <button id="save_avatar" type="submit" class="btn btn-primary">保存</button>
-                </div>
+
 
             </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 %}