调整文件点击下载方式

Author: cq-panda

Vol.Vue/src/utilities/common.js

@@ -1,20 +1,20 @@
 let base = {
-  isPhone (val) {
+  isPhone(val) {
     return /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(val)
   },
-  isDecimal (val) {
+  isDecimal(val) {
     return /(^[\-0-9][0-9]*(.[0-9]+)?)$/.test(val);
   },
-  isNumber (val) {
+  isNumber(val) {
     return /(^[\-0-9][0-9]*([0-9]+)?)$/.test(val);
   },
-  isMail (val) {
+  isMail(val) {
     return /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(val);
   },
-  isUrl (url) {
+  isUrl(url) {
     return this.checkUrl(url);
   },
-  checkUrl (url) {
+  checkUrl(url) {
     //url= 协议://(ftp的登录信息)[IP|域名](:端口号)(/或?请求参数)
     var strRegex =
       "^((https|http|ftp)://)?" + //(https或http或ftp):// 可有可无
@@ -35,13 +35,13 @@ let base = {
     }
     return false;
   },
-  matchUrlIp (url, ip) { //url使用是否使用的当前ip
+  matchUrlIp(url, ip) { //url使用是否使用的当前ip
     if (!url || !ip) {
       return false;
     }
     return url.indexOf(ip.replace('https://', '').replace('http://', '')) >= 0
   },
-  getImgSrc (src, httpUrl) {
+  getImgSrc(src, httpUrl) {
     if (this.isUrl(src)) {
       return src;
     }
@@ -50,7 +50,7 @@ let base = {
     }
     return src;
   },
-  previewImg (src, httpUrl) { //图片预览，目前只支持单图片预览
+  previewImg(src, httpUrl) { //图片预览，目前只支持单图片预览
     if (src && !this.isUrl(src) && httpUrl) {
       if (src.substr(0, 1) == "/" && httpUrl.substr(httpUrl.length - 1, 1) == "/") {
         src = src.substr(1)
@@ -99,70 +99,69 @@ let base = {
   },
   //下载文件 $element 标签, url完整url, fileName 文件名, header 以key/value传值
   //backGroundUrl 后台url，如果后台url直接从后台下载，其他全部通过点击a标签下载
-  dowloadFile (url, fileName, header, backGroundUrl) {
-    if (!url) {
-      alert('此文件没有url不能下载')
-      return;
-    }
-    let $element = document.getElementById('dowonloadfile-a');
-    if (!$element) {
-      $element = document.createElement('a');
-      $element.setAttribute("id", "dowonloadfile-a");
-      document.body.append($element);
-    }
-    //url为一个完整的地址，并且不是后台api的地址，直接点击a标签下载
-    // if (this.isUrl(url) && !this.matchUrlIp(url, backGroundUrl)) {
+  dowloadFile(url, fileName, header, backGroundUrl) {
+    if (!url) return alert('此文件没有url不能下载')
+    window.open(url);
+    return;
+    // let $element = document.getElementById('dowonloadfile-a');
+    // if (!$element) {
+    //   $element = document.createElement('a');
+    //   $element.setAttribute("id", "dowonloadfile-a");
+    //   document.body.append($element);
+    // }
+    // //url为一个完整的地址，并且不是后台api的地址，直接点击a标签下载
+    // // if (this.isUrl(url) && !this.matchUrlIp(url, backGroundUrl)) {
+    // // $element.href = url;
+    // // $element.click();
+    // // return;
+    // //  }
+
+    // if (!this.isUrl(url)) {
+    //   if (!this.isUrl(backGroundUrl + url)) {
+    //     console.log("文件路径不正确");
+    //     alert('文件路径不正确')
+    //     return;
+    //   }
+    //   url = backGroundUrl + url;
+    // }
     // $element.href = url;
     // $element.click();
-    // return;
-    //  }
+ 
 
-    if (!this.isUrl(url)) {
-      if (!this.isUrl(backGroundUrl + url)) {
-        console.log("文件路径不正确");
-        alert('文件路径不正确')
-        return;
-      }
-      url = backGroundUrl + url;
-    }
-    $element.href = url;
-    $element.click();
-    return;
+    // //通过后台api服务器下载
+    // if (!this.isUrl(url)) {
+    //   if (!this.isUrl(backGroundUrl + url)) {
+    //     alert('当前下载的文件url【' + url + '】不正确')
+    //     return;
+    //   }
+    //   url = backGroundUrl + url;
+    // }
+    // let xmlResquest = new XMLHttpRequest();
+    // xmlResquest.open("GET", url, true);
+    // xmlResquest.setRequestHeader("Content-type", "application/json");
+    // if (header && typeof header == 'object') {
+    //   for (const key in header) {
+    //     xmlResquest.setRequestHeader(
+    //       key,
+    //       header[key]
+    //     );
+    //   }
+    // }
 
-    //通过后台api服务器下载
-    if (!this.isUrl(url)) {
-      if (!this.isUrl(backGroundUrl + url)) {
-        alert('当前下载的文件url【' + url + '】不正确')
-        return;
-      }
-      url = backGroundUrl + url;
-    }
-    let xmlResquest = new XMLHttpRequest();
-    xmlResquest.open("GET", url, true);
-    xmlResquest.setRequestHeader("Content-type", "application/json");
-    if (header && typeof header == 'object') {
-      for (const key in header) {
-        xmlResquest.setRequestHeader(
-          key,
-          header[key]
-        );
-      }
-    }
-
-    xmlResquest.responseType = "blob";
-    xmlResquest.onload = function (oEvent) {
-      if (xmlResquest.status != 200) {
-        return alert('没有下载到此文件的信息')
-      }
-      let content = xmlResquest.response;
-      $element.download = fileName;
-      let blob = new Blob([content]);
-      $element.href = URL.createObjectURL(blob);
-      $element.click();
-    };
-    xmlResquest.send();
+    // xmlResquest.responseType = "blob";
+    // xmlResquest.onload = function (oEvent) {
+    //   if (xmlResquest.status != 200) {
+    //     return alert('没有下载到此文件的信息')
+    //   }
+    //   let content = xmlResquest.response;
+    //   $element.download = fileName;
+    //   let blob = new Blob([content]);
+    //   $element.href = URL.createObjectURL(blob);
+    //   $element.click();
+    // };
+    // xmlResquest.send();
   },
-  downloadImg (data) {
+  downloadImg(data) {
     if (!data.url || !data.callback || typeof data.callback != 'function') {
       return;
     }
@@ -206,7 +205,7 @@ let base = {
   //2、树形tree需要注意Id与parentId循环依赖的问题
   //3、callback每次生成一新的节点的时回调的方法
 
-  convertTree (data, callback) {
+  convertTree(data, callback) {
     var treeIds = [];
     var root_data = [];
     data.forEach(x => {
@@ -229,7 +228,7 @@ let base = {
     root_data.push(...exceptionNodes);
     return root_data;
   },
-  getTreeAllParent (id, data) {  //获取某个节点的所有父节点信息2020.11.01
+  getTreeAllParent(id, data) {  //获取某个节点的所有父节点信息2020.11.01
 
     var nodes = [];
     if (!(data instanceof Array)) {
@@ -258,7 +257,7 @@ let base = {
 export default base;
 
 //2020.06.01增加通用方法，将普通对象转换为tree结构
-function getTree (id, node, data, callback, treeIds) {
+function getTree(id, node, data, callback, treeIds) {
   if (treeIds.indexOf(id) == -1) {
     treeIds.push(id);
   }