更改选择文件框的文件类型让它更快地弹出

Public/js/page/edit.js

@@ -1,15 +1,15 @@
 var editormd;
-var template_list ;
-var json_table_data='|'+lang["params"]+'|'+lang["type"]+'|'+lang["description"]+'|\n'+
-		'|:-------|:-------|:-------|\n';
+var template_list;
+var json_table_data = '|' + lang["params"] + '|' + lang["type"] + '|' + lang["description"] + '|\n' +
+  '|:-------|:-------|:-------|\n';
 
 $(function() {
 
   //给按钮文字加上颜色，点击后则去掉颜色
   if (is_showdoc_online()) {
-    set_text_color( "runapi" , "red");
+    set_text_color("runapi", "red");
   };
-  
+
   /*加载目录*/
   secondCatList();
 
@@ -17,12 +17,11 @@ $(function() {
     var default_second_cat_id = $("#default_second_cat_id").val();
     var item_id = $("#item_id").val();
     $.post(
-      "?s=home/catalog/secondCatList",
-      {
+      "?s=home/catalog/secondCatList", {
         "item_id": item_id,
       },
       function(data) {
-        $("#cat_id").html('<OPTION value="0">'+lang["none"]+'</OPTION>');
+        $("#cat_id").html('<OPTION value="0">' + lang["none"] + '</OPTION>');
         if (data.error_code == 0) {
           json = data.data;
           console.log(json);
@@ -52,7 +51,7 @@ $(function() {
         "cat_id": cat_id
       },
       function(data) {
-        $("#parent_cat_id").html('<OPTION value="0">'+lang["none"]+'</OPTION>');
+        $("#parent_cat_id").html('<OPTION value="0">' + lang["none"] + '</OPTION>');
         if (data.error_code == 0) {
           json = data.data;
           console.log(json);
@@ -65,8 +64,7 @@ $(function() {
             cat_html += ' ">' + json[i].cat_name + '</OPTION>';
             $("#parent_cat_id").append(cat_html);
           };
-        }else{
-        }
+        } else {}
 
       },
       "json"
@@ -74,7 +72,7 @@ $(function() {
     );
   }
   //监听是否选择了目录。如果选择了，则跟后台判断是否还子目录
-  $("#cat_id").change(function(){
+  $("#cat_id").change(function() {
     getChildCatList();
   });
 
@@ -109,11 +107,11 @@ $(function() {
     height: 1000,
     syncScrolling: "single",
     path: DocConfig.pubile + "/editor.md/lib/",
-    placeholder: lang["editormd_placeholder"] ,
-    taskList        : true,
-    tex             : true,  // 默认不解析
-    flowChart       : true,  // 默认不解析
-    sequenceDiagram : true,  // 默认不解析
+    placeholder: lang["editormd_placeholder"],
+    taskList: true,
+    tex: true, // 默认不解析
+    flowChart: true, // 默认不解析
+    sequenceDiagram: true, // 默认不解析
     imageUpload: true,
     imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp", "JPG", "JPEG", "GIF", "PNG", "BMP", "WEBP"],
     imageUploadURL: "?s=home/page/uploadImg",
@@ -132,111 +130,109 @@ $(function() {
     var tmpl = $("#database-doc-templ").html();
     editormd.insertValue(tmpl);
   });
-  
-   /*JSON转参数表格*/
+
+  /*JSON转参数表格*/
   $("#jsons").click(function() {
-	  
-   $("#json-templ").show();
-	
+
+    $("#json-templ").show();
+
   });
 
-   /*JSON格式美化*/
+  /*JSON格式美化*/
   $("#beautify-json").click(function() {
-    
-   $("#beautify-json-dialog").show();
-  
+
+    $("#beautify-json-dialog").show();
+
   });
-  
-  
 
-		
-	$("#json-templ .editormd-enter-btn").click(function(){
-		
-		
-		var datas=$("#json-templ .jsons").val();
-		
-		try{
-			Change($.parseJSON(datas));   
-		}
-		catch(e){
-			alert(lang["json_fail"]  + e);
-		}
-		
-		//datas=processJSONImport(datas);
-		//alert(datas);
-		/*var datas='|键|值|类型|空|注释|\n'+
-		'|:-------|:-------|:-------|:-------|:-------|\n'+
-		'|uid|int(10)|否|||\n'+
-		'|username|varchar(20)|否||用户名|';*/
-		
-		//alert(json_table_data);return;
-		
-		
-		
-		editormd.insertValue(json_table_data);
-		
-		json_table_data='|'+lang["filed"]+'|'+lang["type"]+'|'+lang["description"]+'|\n'+
-		'|:-------|:-------|:-------|\n';
-		
-		
-		$("#json-templ .jsons").val("");
-		$("#json-templ").hide();
-		
-	});
-	
-
-$("#beautify-json-dialog .editormd-enter-btn").click(function(){
-  var data = $("#beautify-json-dialog .jsons").val();
-      try{
-          data = data.replace(/(^\s*)|(\s*$)/g,"");
-          op1 = data.substr(0, 1) == "[" ? "[":"{";
-          op2 = (op1 == "[") ? "]":"}";
-          var text="\n ``` \n "+op1+" \n"+dump(JSON.parse(data))+" "+op2+" \n\n ```\n\n";//整体加个大括号
-          //$("#beautify-json-dialog .jsons").val(text);
-          $("#beautify-json-dialog .jsons").val("");
-          editormd.insertValue(text);
-      }catch(e){
-          //非json数据直接显示
-          //$("#beautify-json-dialog .jsons").val(data);
-          $("#beautify-json-dialog .jsons").val("");
-          editormd.insertValue(data);
-      }
+
+
+  $("#json-templ .editormd-enter-btn").click(function() {
+
+
+    var datas = $("#json-templ .jsons").val();
+
+    try {
+      Change($.parseJSON(datas));
+    } catch (e) {
+      alert(lang["json_fail"] + e);
+    }
+
+    //datas=processJSONImport(datas);
+    //alert(datas);
+    /*var datas='|键|值|类型|空|注释|\n'+
+    '|:-------|:-------|:-------|:-------|:-------|\n'+
+    '|uid|int(10)|否|||\n'+
+    '|username|varchar(20)|否||用户名|';*/
+
+    //alert(json_table_data);return;
+
+
+
+    editormd.insertValue(json_table_data);
+
+    json_table_data = '|' + lang["filed"] + '|' + lang["type"] + '|' + lang["description"] + '|\n' +
+      '|:-------|:-------|:-------|\n';
+
+
+    $("#json-templ .jsons").val("");
+    $("#json-templ").hide();
+
+  });
+
+
+  $("#beautify-json-dialog .editormd-enter-btn").click(function() {
+    var data = $("#beautify-json-dialog .jsons").val();
+    try {
+      data = data.replace(/(^\s*)|(\s*$)/g, "");
+      op1 = data.substr(0, 1) == "[" ? "[" : "{";
+      op2 = (op1 == "[") ? "]" : "}";
+      var text = "\n ``` \n " + op1 + " \n" + dump(JSON.parse(data)) + " " + op2 + " \n\n ```\n\n"; //整体加个大括号
+      //$("#beautify-json-dialog .jsons").val(text);
+      $("#beautify-json-dialog .jsons").val("");
+      editormd.insertValue(text);
+    } catch (e) {
+      //非json数据直接显示
+      //$("#beautify-json-dialog .jsons").val(data);
+      $("#beautify-json-dialog .jsons").val("");
+      editormd.insertValue(data);
+    }
     $("#beautify-json-dialog").hide();
 
-});
-//{"dgfgdfg":"gdfgdfg"}
-  
-//格式化json数据
-function dump(arr,level) { 
-     var dumped_text = ""; 
-     if(!level) level = 0; 
-     
-     //The padding given at the beginning of the line. 
-     var level_padding = ""; 
-     for(var j=0;j<level+1;j++) level_padding += "     "; 
-     if(typeof(arr) == 'object') { //Array/Hashes/Objects 
-         var i=0;
-         for(var item in arr) { 
-             var value = arr[item]; 
-             if(typeof(value) == 'object') { //If it is an array, 
-                 dumped_text += level_padding + "\"" + item + "\" : \{ \n"; 
-                 dumped_text += dump(value,level+1); 
-                 dumped_text +=level_padding +"\}";
-             } else { 
-                dumped_text += level_padding + "\"" + item + "\" : \"" + value + "\""; 
-             } 
-             if(i<Object.getOwnPropertyNames(arr).length-1){
-                dumped_text+=", \n";
-             }else{
-                dumped_text+=" \n";
-             }
-             i++;
-         } 
-     } else { //Stings/Chars/Numbers etc. 
-        dumped_text = "===>"+arr+"<===("+typeof(arr)+")"; 
-     } 
-     return dumped_text; 
-}
+  });
+  //{"dgfgdfg":"gdfgdfg"}
+
+  //格式化json数据
+  function dump(arr, level) {
+    var dumped_text = "";
+    if (!level) level = 0;
+
+    //The padding given at the beginning of the line. 
+    var level_padding = "";
+    for (var j = 0; j < level + 1; j++) level_padding += "     ";
+    if (typeof(arr) == 'object') { //Array/Hashes/Objects 
+      var i = 0;
+      for (var item in arr) {
+        var value = arr[item];
+        if (typeof(value) == 'object') { //If it is an array, 
+          dumped_text += level_padding + "\"" + item + "\" : \{ \n";
+          dumped_text += dump(value, level + 1);
+          dumped_text += level_padding + "\}";
+        } else {
+          dumped_text += level_padding + "\"" + item + "\" : \"" + value + "\"";
+        }
+        if (i < Object.getOwnPropertyNames(arr).length - 1) {
+          dumped_text += ", \n";
+        } else {
+          dumped_text += " \n";
+        }
+        i++;
+      }
+    } else { //Stings/Chars/Numbers etc. 
+      dumped_text = "===>" + arr + "<===(" + typeof(arr) + ")";
+    }
+    return dumped_text;
+  }
 
   /*保存*/
   var saving = false;
@@ -251,8 +247,8 @@ function dump(arr,level) {
     var s_number = $("#s_number").val();
     var cat_id = $("#cat_id").val();
     var parent_cat_id = $("#parent_cat_id").val();
-    if (parent_cat_id > 0 ) {
-      cat_id = parent_cat_id ;
+    if (parent_cat_id > 0) {
+      cat_id = parent_cat_id;
     };
     saving = true;
     $.post(
@@ -281,218 +277,224 @@ function dump(arr,level) {
 
 
 
-	$(".editormd-preview-container").bind('DOMNodeInserted', function(e){
-		
-		$(".editormd-preview-container table thead tr").css({"background-color":"#08c","color":"#fff"});
-    $(".editormd-preview-container table tr").eq(0).css({"background-color":"#08c","color":"#fff"});
-		$(".editormd-preview-container table tr").each(function(){
-			if($(this).find("td").eq(1).html()=="object" || $(this).find("td").eq(1).html()=="array[object]")
-			{
-				$(this).css({"background-color":"#99CC99","color":"#000"});
-			}
-			
-			});
-	});
+  $(".editormd-preview-container").bind('DOMNodeInserted', function(e) {
 
-});
+    $(".editormd-preview-container table thead tr").css({
+      "background-color": "#08c",
+      "color": "#fff"
+    });
+    $(".editormd-preview-container table tr").eq(0).css({
+      "background-color": "#08c",
+      "color": "#fff"
+    });
+    $(".editormd-preview-container table tr").each(function() {
+      if ($(this).find("td").eq(1).html() == "object" || $(this).find("td").eq(1).html() == "array[object]") {
+        $(this).css({
+          "background-color": "#99CC99",
+          "color": "#000"
+        });
+      }
+
+    });
+  });
+
+  function closeDiv(target) {
+    $(target).hide();
+  }
 
+  function Change(data) {
+    var level_str = "- ";
+    if (arguments.length > 1) {
+      var level;
+      arguments[1] > 0 ? level = arguments[1] : level = 1;
+      for (var i = 0; i < level; i++) {
+        level_str += "- ";
+      }
+    }
 
-function closeDiv(target)
-{
-	$(target).hide();
-}
-
-function Change(data)
-{
-	var level_str="- ";
-	if(arguments.length>1)
-	{
-		var level;
-		arguments[1]>0?level=arguments[1]:level=1;
-		for(var i=0;i<level;i++)
-		{
-			level_str+="- ";
-		}
-	}
-	
-	for(var key in data)
-	{
-		var value = data[key];
-		var type = typeof(value);
-		if(type == "object")
-		{
-			json_table_data+='| '+level_str+key+' |'+type+'  | '+lang["none"]+' |\n';
-			if(value instanceof Array)
-			{
-				var j=level+1;
-				Change(value[0],j);
-				continue;
-			}
-			//else
-			//{
-				Change(value,level);
-			//}
-			
-		}
-		else
-		{
-			json_table_data+='| '+key+' | '+type+'| '+lang["none"]+' |\n';
-		}
-	}
-}
-
-//{"Result":[{"name":"test1","list":{"pros":"prosfsf","ppps":{"images":[{"22":"22"}]}}}]}
-
-$("#save-to-templ").click(function(){
-      layer.prompt({title: lang["save_templ_title"]}, function(template_title, index){
-      if (template_title!=null && template_title!="")
-        {
-            var template_content = $("#page_content").val();
-            $.post(
-                "?s=home/template/save",
-                {"template_title":template_title,"template_content":template_content},
-                function(data){
-                    if (data.error_code == 0) {
-                      layer.close(index);
-                      layer.alert(lang["saved_templ_msg1"]+template_title+lang["saved_templ_msg2"]);
-                    } else {
-                      $.bootstrapGrowl(lang["save_fail"]);
-
-                    }
-               },
-                "json"
-                );
+    for (var key in data) {
+      var value = data[key];
+      var type = typeof(value);
+      if (type == "object") {
+        json_table_data += '| ' + level_str + key + ' |' + type + '  | ' + lang["none"] + ' |\n';
+        if (value instanceof Array) {
+          var j = level + 1;
+          Change(value[0], j);
+          continue;
         }
-        $("#save-btn-group").removeClass("open");
-        return false;
-      });
-  });
+        //else
+        //{
+        Change(value, level);
+        //}
 
-$("#more-templ").click(function(){
-        $.post(
-            "?s=home/template/getList",
-            {},
-            function(data){
-                if (data.error_code == 0) {
-                    var html = '<TR><td>'+lang["save_time"]+'</td><td>'+lang["templ_title"]+'</td><td>'+lang["operation"]+'</td></TR>';
-                    template_list = data.data;
-                    json = data.data;
-                    for (var i = 0; i < json.length; i++) {
-                        html += '<TR><td>'+json[i]['addtime']+'</td>';
-                        html += '<td>'+json[i]['template_title']+'</td>';
-                        html += '<td><a href="javascript:use_template('+json[i]['id']+')">'+lang["use_this_template"]+'</a> | <a href="javascript:delete_template('+json[i]['id']+')">'+lang["delete_this_template"]+'</a></td>';
-                        html +='</TR>';
-                    };
-                    $("#templ-table").html(html);
-                    $("#more-templ-modal").modal();
-                } else {
-                  //$.bootstrapGrowl("获取模板列表失败");
-                  $("#more-templ-modal").modal("hide");
-                  layer.alert(lang["no_templ_msg"]);
-
-                }
-           },
-            "json"
-            );
-    
-});
+      } else {
+        json_table_data += '| ' + key + ' | ' + type + '| ' + lang["none"] + ' |\n';
+      }
+    }
+  }
 
-//使用模板
-function use_template(id){
-    for (var i = 0; i < template_list.length; i++) {
-        if (id > 0 && id == template_list[i]['id']) {
-            editormd.insertValue(template_list[i]['template_content']);
-            $("#more-templ-modal").modal("hide");
-        };
-        
-    };
-}
+  //{"Result":[{"name":"test1","list":{"pros":"prosfsf","ppps":{"images":[{"22":"22"}]}}}]}
 
-//删除模板
-function delete_template(id){
-    $.post(
-        "?s=home/template/delete",
-        {"id":id},
-        function(data){
+  $("#save-to-templ").click(function() {
+    layer.prompt({
+      title: lang["save_templ_title"]
+    }, function(template_title, index) {
+      if (template_title != null && template_title != "") {
+        var template_content = $("#page_content").val();
+        $.post(
+          "?s=home/template/save", {
+            "template_title": template_title,
+            "template_content": template_content
+          },
+          function(data) {
             if (data.error_code == 0) {
-                $("#more-templ").click();
+              layer.close(index);
+              layer.alert(lang["saved_templ_msg1"] + template_title + lang["saved_templ_msg2"]);
             } else {
               $.bootstrapGrowl(lang["save_fail"]);
+
             }
-       },
-        "json"
+          },
+          "json"
         );
-}
-
-$("#add-page-comments").click(function(){
-  var page_comments =prompt(lang["add_page_comments_msg"],"");
-  if (page_comments!=null && page_comments!="")
-    {
-        $("#page_comments").val(page_comments);
-        $("#save").click();
+      }
+      $("#save-btn-group").removeClass("open");
+      return false;
+    });
+  });
+
+  $("#more-templ").click(function() {
+    $.post(
+      "?s=home/template/getList", {},
+      function(data) {
+        if (data.error_code == 0) {
+          var html = '<TR><td>' + lang["save_time"] + '</td><td>' + lang["templ_title"] + '</td><td>' + lang["operation"] + '</td></TR>';
+          template_list = data.data;
+          json = data.data;
+          for (var i = 0; i < json.length; i++) {
+            html += '<TR><td>' + json[i]['addtime'] + '</td>';
+            html += '<td>' + json[i]['template_title'] + '</td>';
+            html += '<td><a href="javascript:use_template(' + json[i]['id'] + ')">' + lang["use_this_template"] + '</a> | <a href="javascript:delete_template(' + json[i]['id'] + ')">' + lang["delete_this_template"] + '</a></td>';
+            html += '</TR>';
+          };
+          $("#templ-table").html(html);
+          $("#more-templ-modal").modal();
+        } else {
+          //$.bootstrapGrowl("获取模板列表失败");
+          $("#more-templ-modal").modal("hide");
+          layer.alert(lang["no_templ_msg"]);
+
+        }
+      },
+      "json"
+    );
+
+  });
+
+  //使用模板
+  function use_template(id) {
+    for (var i = 0; i < template_list.length; i++) {
+      if (id > 0 && id == template_list[i]['id']) {
+        editormd.insertValue(template_list[i]['template_content']);
+        $("#more-templ-modal").modal("hide");
+      };
+
+    };
+  }
+
+  //删除模板
+  function delete_template(id) {
+    $.post(
+      "?s=home/template/delete", {
+        "id": id
+      },
+      function(data) {
+        if (data.error_code == 0) {
+          $("#more-templ").click();
+        } else {
+          $.bootstrapGrowl(lang["save_fail"]);
+        }
+      },
+      "json"
+    );
+  }
+
+  $("#add-page-comments").click(function() {
+    var page_comments = prompt(lang["add_page_comments_msg"], "");
+    if (page_comments != null && page_comments != "") {
+      $("#page_comments").val(page_comments);
+      $("#save").click();
     }
     $("#save-btn-group").removeClass("open");
     return false;
-});
+  });
 
-/** 粘贴上传图片 **/
-document.getElementById("editormd").addEventListener('paste', function(e) {
+  /** 粘贴上传图片 **/
+  document.getElementById("editormd").addEventListener('paste', function(e) {
     var clipboard = e.clipboardData;
-    for(var i=0,len=clipboard.items.length; i<len; i++) {
-        if(clipboard.items[i].kind == 'file' || clipboard.items[i].type.indexOf('image') > -1) {
-            var imageFile = clipboard.items[i].getAsFile();
-            var form = new FormData;
-            form.append('t', 'ajax-uploadpic');
-            form.append('editormd-image-file', imageFile);
-            var layer_index = {};
-            var callback = function(type, data){
-                type = type || 'before';
-                var $the = $('#content');
-                switch(type){
-                    // 开始上传
-                    case 'before':
-                       layer_index = layer.load(1, {
-                        shade: [0.1,'#fff'] //0.1透明度的白色背景
-                      });
-                        break;
-                    // 服务器返回错误
-                    case 'error':
-                        $the.attr('disabled', false);
-                        layer.close(layer_index);
-                        layer.alert('图片上传失败');
-                        break;
-                    // 上传成功
-                    case 'success':
-                        $the.attr('disabled', false);
-                        layer.close(layer_index);
-                        if (data.success == 1 ) {
-                            var value = '![]('+data.url+')';
-                           editormd.insertValue(value); 
-                        }else{
-                          layer.alert(data.message);
-                        }
-                        
-                        break;
-                }
-            };
-            $.ajax({
-                url: "?s=home/page/uploadImg",
-                type: "POST",
-                dataType: "json",
-                data: form,
-                processData: false,
-                contentType: false,
-                beforeSend: function() {
-                    callback('before');
-                },
-                error: function() {
-                    callback('error');
-                },
-                success: function(data) {
-                    callback('success', data);
-                }
-            })
-            e.preventDefault();
-        }
+    for (var i = 0, len = clipboard.items.length; i < len; i++) {
+      if (clipboard.items[i].kind == 'file' || clipboard.items[i].type.indexOf('image') > -1) {
+        var imageFile = clipboard.items[i].getAsFile();
+        var form = new FormData;
+        form.append('t', 'ajax-uploadpic');
+        form.append('editormd-image-file', imageFile);
+        var layer_index = {};
+        var callback = function(type, data) {
+          type = type || 'before';
+          var $the = $('#content');
+          switch (type) {
+            // 开始上传
+            case 'before':
+              layer_index = layer.load(1, {
+                shade: [0.1, '#fff'] //0.1透明度的白色背景
+              });
+              break;
+              // 服务器返回错误
+            case 'error':
+              $the.attr('disabled', false);
+              layer.close(layer_index);
+              layer.alert('图片上传失败');
+              break;
+              // 上传成功
+            case 'success':
+              $the.attr('disabled', false);
+              layer.close(layer_index);
+              if (data.success == 1) {
+                var value = '![](' + data.url + ')';
+                editormd.insertValue(value);
+              } else {
+                layer.alert(data.message);
+              }
+
+              break;
+          }
+        };
+        $.ajax({
+          url: "?s=home/page/uploadImg",
+          type: "POST",
+          dataType: "json",
+          data: form,
+          processData: false,
+          contentType: false,
+          beforeSend: function() {
+            callback('before');
+          },
+          error: function() {
+            callback('error');
+          },
+          success: function(data) {
+            callback('success', data);
+          }
+        })
+        e.preventDefault();
+      }
     }
-});
+  });
+
+  //更改选择文件框的文件类型让它更快地弹出
+  $("#editormd").on("mouseover", '[name=editormd-image-file]', function(){
+    $(this).attr("accept","image/png,image/jpg,image/jpeg,imge/bmp,image/gif")
+  });
+
+  
+});