优化文件上传：支持更多默认扩展、支持更好的预览体验（不需要通过关闭预览来限制文件打开）

app/admin/service/initAdminData/SystemConfig.php

@@ -24,7 +24,7 @@ $ul_system_config = array(
     array(
         "name" => "upload_allow_ext",
         "group" => "upload",
-        "value" => "doc,gif,ico,icon,jpg,mp3,mp4,p12,pem,png,rar,jpeg",
+        "value" => "jpg,jpeg,png,gif,bmp,doc,docx,xls,xlsx,ppt,pptx,pdf,zip,rar,7z,txt,mp3,wma,wav,mid,m4a,mp4,avi,wmv,3gp,flv",
         "remark" => "允许上传的文件类型",
         "sort" => 0,
     ),

app/admin/view/system/uploadfile/add.html

@@ -6,7 +6,7 @@
             <div class="layui-input-block layuimini-upload">
                 <input name="head_img" class="layui-input layui-col-xs6" lay-verify="required" lay-reqtext="请上传文件" placeholder="请上传文件" value="">
                 <div class="layuimini-upload-btn">
-                    <span><a class="layui-btn" data-upload="head_img" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg"><i class="fa fa-upload"></i> 上传文件</a></span>
+                    <span><a class="layui-btn" data-upload="head_img" data-upload-number="*" data-upload-exts="*"><i class="fa fa-upload"></i> 上传文件</a></span>
                     <span><a class="layui-btn layui-btn-normal"><i class="fa fa-list"></i> 选择文件</a></span>
                 </div>
             </div>

public/static/plugs/easy-admin/easy-admin.js

@@ -18,9 +18,43 @@ define(["jquery", "tableSelect", "ckeditor"], function ($, tableSelect, undefine
         table_elem: '#currentTable',
         table_render_id: 'currentTableRenderId',
         upload_url: 'ajax/upload',
-        upload_exts: 'doc|gif|ico|icon|jpg|mp3|mp4|p12|pem|png|rar',
+        upload_exts: '',
     };
 
+
+    var extGroup = {
+        // 图片扩展名数组
+        'image': ['jpg', 'jpeg', 'png', 'gif', 'bmp'],
+        // word扩展名数组
+        'word': ['doc', 'docx'],
+        // excel扩展名数组
+        'excel': ['xls', 'xlsx'],
+        // ppt扩展名数组
+        'ppt': ['ppt', 'pptx'],
+        // pdf扩展名数组
+        'pdf': ['pdf'],
+        // 压缩文件扩展名数组
+        'zip': ['zip', 'rar', '7z'],
+        // 文本文件扩展名数组
+        'txt': ['txt'],
+        // 音乐文件扩展名数组
+        'music': ['mp3', 'wma', 'wav', 'mid', 'm4a'],
+        // 视频文件扩展名数组
+        'video': ['mp4', 'avi', 'wmv', '3gp', 'flv'],
+        // visio扩展名数组
+        'visio': ['vsd', 'vsdx'],
+    }
+
+    for (const extGroupName in extGroup) {
+        if (Object.hasOwnProperty.call(extGroup, extGroupName)) {
+            const extGroupList = extGroup[extGroupName];
+            if (init.upload_exts.length > 0) {
+                init.upload_exts += '|';
+            }
+            init.upload_exts += extGroupList.join('|')
+        }
+    }
+
     var admin = {
         config: {
             shade: [0.02, '#000'],
@@ -1659,7 +1693,32 @@ define(["jquery", "tableSelect", "ckeditor"], function ($, tableSelect, undefine
                                     var parant = $(this).parent('div');
                                     var liHtml = '';
                                     $.each(urlArray, function (i, v) {
-                                        liHtml += '<li><a><img src="' + v + '" data-image  onerror="this.src=\'' + BASE_URL + 'admin/images/upload-icons/' + uploadIcon + '.png\';this.onerror=null"></a><small class="uploads-delete-tip bg-red badge" data-upload-delete="' + uploadName + '" data-upload-url="' + v + '" data-upload-sign="' + uploadSign + '">×</small></li>\n';
+
+                                        // 获取链接扩展名
+                                        var ext = v.substr(v.lastIndexOf('.') + 1);
+
+                                        if (extGroup.image.indexOf(ext) != -1) {
+                                            // 是图片
+                                            liHtml += '<li><a title="点击预览"><img src="' + v + '" data-image  onerror="this.src=\'' + BASE_URL + 'admin/images/upload-icons/' + uploadIcon + '.png\';this.onerror=null"></a><small class="uploads-delete-tip bg-red badge" data-upload-delete="' + uploadName + '" data-upload-url="' + v + '" data-upload-sign="' + uploadSign + '">×</small></li>\n';
+
+                                        } else {
+                                            // 不是图片
+                                            // 遍历extGroup数组找到扩展名所在的索引
+
+                                            for (const extGroupName in extGroup) {
+                                                if (Object.hasOwnProperty.call(extGroup, extGroupName)) {
+                                                    const extGroupList = extGroup[extGroupName];
+                                                    if (extGroupList.indexOf(ext) != -1) {
+                                                        uploadIcon = extGroupName;
+                                                        break;
+                                                    }
+                                                }
+                                            }
+
+                                            liHtml += '<li><a title="点击打开文件" target="_blank" href="' + v + '" ><img src="/static/admin/images/upload-icons/' + uploadIcon + '.png"></a><small class="uploads-delete-tip bg-red badge" data-upload-delete="' + uploadName + '" data-upload-url="' + v + '" data-upload-sign="' + uploadSign + '">×</small></li>\n';
+
+                                        }
+
                                     });
                                     parant.after('<ul id="bing-' + uploadName + '" class="layui-input-block layuimini-upload-show">\n' + liHtml + '</ul>');
                                 }