优化文件下载

Author: woytu

static/js/index.js

@@ -80,7 +80,6 @@ function getKey() {
             contentType: "application/x-www-form-urlencoded; charset=UTF-8",
             responseType: "blob",
             success: function (result, status, xhr) {
-                console.log(xhr.getAllResponseHeaders());
                 // 从response的headers中获取filename, 后端response.setHeader("Content-Disposition", "attachment; filename=xxxx.xxx") 设置的文件名;
                 let contentDisposition = xhr.getResponseHeader('Content-Disposition');
                 let patt = new RegExp("filename=([^;]+\\.[^\\.;]+);*");
@@ -93,8 +92,7 @@ function getKey() {
                     filename = patt.exec(contentDisposition)[1];
                 }
                 // 取文件名信息中的文件名,替换掉文件名中多余的符号
-                filename = replace(filename, "\\\\", "", true);
-                filename = replace(filename, "/", "", true);
+                filename = filename.replaceAll("\\\\|/|\"", "");
 
                 let downloadElement = document.createElement('a');
                 downloadElement.style.display = 'none';

static/js/util.js

@@ -1,5 +1,91 @@
 /**
- groovy/lang/GroovyShell
+ * 给String对象增加一个原型方法:
+ * 判断一个字符串是以指定字符串结尾的
+ *
+ * @param endStr 需要判断的子字符串
+ * @return boolean 是否以该字符串结尾
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/24 11:22
+ */
+String.prototype.endWith = function (str) {
+    if (str == null || str == "" || this.length == 0 || str.length > this.length)
+        return false;
+    if (this.substring(this.length - str.length) != str) {
+        return false;
+    }
+    return true;
+}
+/**
+ * 给String对象增加一个原型方法:
+ * 判断一个字符串是以指定字符串开头的
+ *
+ * @param endStr 需要判断的子字符串
+ * @return boolean 是否以该字符串开头
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/24 11:22
+ */
+String.prototype.startWith = function (str) {
+    if (str == null || str == "" || this.length == 0 || str.length > this.length)
+        return false;
+    if (this.substr(0, str.length) != str) {
+        return false;
+    }
+    return true;
+}
+
+/**
+ * 给String对象增加一个原型方法:
+ * 判断一个字符串是以指定字符串结尾的
+ *
+ * @param endStr 需要判断的子字符串
+ * @return boolean 是否以该字符串结尾
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/24 11:22
+ */
+String.prototype.endWithRegExp = function (str) {
+    let reg = new RegExp(str + "$");
+    return reg.test(this);
+}
+/**
+ * 给String对象增加一个原型方法:
+ * 判断一个字符串是以指定字符串开头的
+ *
+ * @param endStr 需要判断的子字符串
+ * @return boolean 是否以该字符串开头
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/24 11:22
+ */
+
+String.prototype.startWithRegExp = function (str) {
+    let reg = new RegExp("^" + str);
+    return reg.test(this);
+}
+
+
+/**
+ * 给String对象增加一个原型方法:
+ * 替换全部字符串 - 无replaceAll的解决方案,自定义扩展js函数库
+ * 原生js中并没有replaceAll方法，只有replace，如果要将字符串替换，一般使用replace
+ *
+ * @param FindText 要替换的字符串
+ * @param RepText 新的字符串
+ * @return string
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/24 15:24
+ */
+String.prototype.replaceAll = function (FindText, RepText) {
+    // g表示执行全局匹配，m表示执行多次匹配
+    let regExp = new RegExp(FindText, "gm");
+    return this.replace(regExp, RepText);
+}
+
+
+/**
  * @return
  * @Description 获取当前路径
  * @author claer woytu.com
@@ -164,62 +250,92 @@ const reinsertElement = (array, element) => {
 }
 
 
+/**
+ * 设置延时后再执行下一步操作
+ *
+ * @return
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/7/4 20:22
+ */
+const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
+
+
 /**
  * 判断js数组/对象是否为空
  * isPrototypeOf() 验证一个对象是否存在于另一个对象的原型链上。即判断 Object 是否存在于 $obj 的原型链上。
  * js中一切皆对象，也就是说，Object 也存在于数组的原型链上，因此这里数组需要先于对象检验。
  * Object.keys() 返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致
  * @param $obj
  * @return {boolean}
- * @Description
- * @author claer woytu.com
- * @date 2019/4/29 20:12
  */
-const isEmpty = ($obj) => {
+function isEmpty($obj) {
     // 找不到属性
-    if (typeof $obj == 'undefined') {
+    if (typeof ($obj) == 'undefined') {
         return true;
     }
     // 检验非数组/对象类型  EX：undefined   null  ''  根据自身要求添加其他适合的为空的值  如：0 ,'0','  '  等
     if ($obj === 0 || $obj === '' || $obj === null) {
         return true;
     }
-    if (typeof $obj === "string") {
-        $obj = $obj.trim().replace(/\s*/g, ""); //移除字符串中所有 ''
+    if (typeof ($obj) === "string") {
+        $obj = $obj.replace(/\s*/g, ""); //移除字符串中所有 ''
         if ($obj === '') {
             return true;
         }
-    } else if (typeof $obj === "object") {
-        if (!Array.isArray($obj) || $obj.length <= 0) {
-            return true;
-        }
-        if (!Object.prototype.isPrototypeOf($obj) || !Object.keys($obj).length != 0) {
+    }
+    if (typeof ($obj) === "object") {
+        if (!Array.isArray($obj) || $obj.length <= 0 || Object.keys($obj).length <= 0) {
             return true;
         }
     }
     return false;
 }
 
+
 /**
- * replace默认只替换第一个匹配项
- * @param str 父字符串
- * @param substring 被替换的字符串
- * @param newString 新字符串
+ * 过滤在数组中的值
  *
- * "g"是匹配全部的意思，也可以换成""，就是匹配第一个
+ * @param arr 元数据数组
+ * @param ignoresArr 需要去除的值数组
+ * @return Array 去掉值后的新数组
+ * @Description
+ * @author claer woytu.com
+ * @date 2019/5/23 16:30
+ */
+function inArrayKV(arr, ignoresArr) {
+    let newArr = [];
+    arr.forEach(function (value, index, array) {
+        // 判断文件名以什么开头、是否在指定数组中存在
+        if (!value.startsWith(".") && ignoresArr.includes(value)) {
+            newArr.push(value);
+        }
+    });
+    return newArr;
+}
+
+/**
+ * 过滤不在数组中的值
  *
- * @return
+ * @param arr 元数据数组
+ * @param retentionArr 需要保留的值数组
+ * @return Array 去掉值后的新数组
  * @Description
  * @author claer woytu.com
- * @date 2019/4/30 15:20
+ * @date 2019/5/23 16:30
  */
-const replace = (str, substring, newString, isAll) => {
-    if (!isEmpty(isAll) && isAll) {
-        return str.replace(new RegExp(substring, "g"), newString);
-    }
-    return str.replace(new RegExp(substring, ""), newString);
+function notInArrayKV(arr, retentionArr) {
+    let newArr = [];
+    arr.forEach(function (value, index, array) {
+        // 判断文件名以什么开头、是否在指定数组中存在
+        if (!value.startsWith(".") && !retentionArr.includes(value)) {
+            newArr.push(value);
+        }
+    });
+    return newArr;
 }
 
+
 /**
  * 正则表达式去除空行
  *