fhrons-mobile-next 2.0.0

package/upload.js

@@ -0,0 +1,518 @@
+// cdn引入axios
+if (!window.axios) {
+  loadJavaScript(
+    "https://scrm-pro-1251973116.file.myqcloud.com/funzg/form/axios.js",
+    () => {
+      console.log("axios 加载成功");
+    }
+  );
+}
+// if (!window.AWS) {
+//     loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/aws-sdk-2.1562.0.min.js', () => {
+//         console.log('aws-sdk 加载成功');
+//     });
+// }
+if (!window.COS) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/cos-js-sdk-v5.min.js",
+    () => {
+      console.log("腾讯cos 加载成功");
+    }
+  );
+}
+if (!window.lrz) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/lrz.all.bundle.min.js",
+    () => {
+      console.log("lrz加载成功");
+    }
+  );
+}
+if (!window.FHENCYPT) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/fhEncypt.js",
+    () => {
+      console.log("FHENCYPT加载成功");
+    }
+  );
+}
+
+// const Minio = require('./utils/minio/internal/client.js')
+// import * as Minio from 'minio'
+
+/**
+ * 第一个参数的可选属性
+ * @param {Blob} file 要上传的文件
+ * @param {String} target 要上传的目标云，类型:0大陆环境/1港险环境
+ * @param {String} project 所属项目:0全局,1课程,2开放平台,4:scrm 5:营销 6:frcdap
+ * @param {Function} keyFunc 生成key的方法
+ * @param {Boolean} needWholeRes 是否需要返回完整的响应体
+ * @param {Number} urlMaxLength url 的长度限制
+ *
+ * 第二个参数
+ * @param {Function} onProgress 接收上传进度的回调
+ * @returns Link 上传完成后的图片链接
+ *
+ * 例：
+ * const param = {
+ *  file, target = 'tencent', project = '0', keyFunc
+ * }
+ * upload(param,(percent)=>{
+ *  console.log(percent) // 输出上传进度的百分比
+ * })
+ */
+// 将函数提取到外部，避免重复定义
+function getFullFileName(file) {
+  // 优先使用 File 对象的 name 属性
+  const fileName = file.name || file.filename || "";
+
+  // 如果已有后缀名（包含点号），直接返回
+  if (fileName.includes(".")) {
+    return fileName;
+  }
+
+  // 没有后缀名，从 type 中提取
+  if (file.type && file.type.includes("/")) {
+    let extension = file.type.split("/")[1]; // 从"image/jpeg"提取"jpeg"
+
+    // 特殊情况处理
+    if (extension === "jpeg") {
+      extension = "jpg";
+    }
+
+    // 清理扩展名中的参数（如 "svg+xml"）
+    extension = extension.split("+")[0];
+
+    return `${fileName}.${extension}`;
+  }
+
+  // 如果连 type 都没有，返回原文件名
+  return fileName;
+}
+const contentTypeMap = {
+  // 图片
+  jpg: "image/*",
+  jpeg: "image/*",
+  png: "image/*",
+  gif: "image/*",
+  bmp: "image/*",
+  webp: "image/*",
+  svg: "image/*",
+  ico: "image/*",
+  // 视频
+  mp4: "video/*",
+  avi: "video/*",
+  mov: "video/*",
+  wmv: "video/*",
+  flv: "video/*",
+  mkv: "video/*",
+  webm: "video/*",
+  // 音频
+  mp3: "audio/*",
+  wav: "audio/*",
+  aac: "audio/*",
+  ogg: "audio/*",
+  m4a: "audio/*",
+  flac: "audio/*",
+  // PDF
+  pdf: "application/pdf",
+  // Office
+  doc: "application/*",
+  docx: "application/*",
+  xls: "application/*",
+  xlsx: "application/*",
+  ppt: "application/*",
+  pptx: "application/*",
+  // 文本
+  txt: "text/*",
+  csv: "text/*",
+  // 压缩文件
+  zip: "application/*",
+  rar: "application/*",
+  "7z": "application/*",
+  tar: "application/*",
+  gz: "application/*",
+};
+
+function getContentTypeByExtension(ext) {
+  console.log("getContentTypeByExtension ext", ext);
+
+  if (!ext || typeof ext !== "string") return null;
+  return contentTypeMap[ext.toLowerCase()] || null;
+}
+export function upload(
+  { file, target, project = "0", keyFunc, needWholeRes },
+  onProgress
+) {
+  let defaultTarget =
+    location.origin.includes("https://smnguat.fhrons.net") ||
+    location.origin.includes("https://openuat.fhrons.net") ||
+    location.origin.includes("https://smng.avantech.io") ||
+    location.origin.includes("https://open.avantech.io") ||
+    (process.env.VUE_APP_ENV_CONFIG &&
+      process.env.VUE_APP_ENV_CONFIG.includes("hk"))
+      ? "1"
+      : "0";
+  defaultTarget =
+    process.env.VUE_APP_ENV_CONFIG &&
+    process.env.VUE_APP_ENV_CONFIG.includes("poc")
+      ? "2"
+      : defaultTarget;
+  target = target ? (target === "tencent" ? "0" : "1") : defaultTarget;
+  if (!file) {
+    console.error("上传的文件不能为空");
+    return;
+  }
+  if (file.raw) file = file.raw; // 有的file对象里面的raw才是实际的文件内容
+  if (file.file) file = file.file; // vant文件选择器选到的文件里还有一层file
+  // target = target === 'tencent' ? '0' : '1'; // 根据传进来的target转换
+  // target = '2'
+  const filename = getFullFileName(file);
+  const temp = filename.split(".");
+  const fileSffix = temp[temp.length - 1];
+  const appName = process.env.VUE_APP_NAME || "common";
+  if (
+    typeof keyFunc !== "function" ||
+    (typeof keyFunc === "function" && !keyFunc())
+  )
+    keyFunc = () =>
+      `/${appName}/${new Date().valueOf()}_${temp[0]}${
+        fileSffix ? "." + fileSffix : ""
+      }`;
+
+  let newKey = keyFunc();
+  newKey = removeLeadingSlash(newKey);
+  console.log("newKey", newKey);
+
+  // if(urlMaxLength && newKey.length > urlMaxLength) return Promise.reject(`文件名长度过长，请保持在${urlMaxLength}以下`)
+  return axios
+    .post(
+      `/funapi/cbsconfig/oss/secureSign`,
+      {
+        type: target,
+        project: project,
+        filePath: newKey,
+      },
+      { headers: { "Content-Type": "application/json" } }
+    )
+    .then((res) => {
+      if (
+        target !== "2" &&
+        (typeof res.data === "string" || typeof res === "string")
+      )
+        res = JSON.parse(FHENCYPT.decrypt(res.data || res));
+      console.log("res", JSON.stringify(res));
+
+      const {
+        tmpSecretId,
+        tmpSecretKey,
+        token,
+        sessionToken,
+        startTime,
+        expiredTime,
+        requestId,
+        type,
+        bucketName,
+        region,
+        cdnUrl,
+        status = "SUCCESS",
+        message = "",
+      } = res.data || res;
+      if (status !== "SUCCESS") {
+        throw new Error(message);
+      }
+      /**
+       *  @tmpSecretId 临时访问密钥的标识符。
+       *  @tmpSecretKey 临时访问密钥的密钥。
+       *  @type 0腾讯/1亚马逊/2 minio 字符串格式
+       *  @startTime 腾讯使用的字段，开始时间
+       *  @expiredTime 腾讯使用的字段，过期时间
+       *  @bucketName 存储桶名称
+       *  @cdnUrl cdn链接的前缀
+       *  @region 存储区域
+       */
+      // if (type === '1') { // 亚马逊
+      //     AWS.config.update({
+      //         accessKeyId: tmpSecretId,
+      //         secretAccessKey: tmpSecretKey,
+      //         region: region,
+      //         sessionToken: token
+      //     });
+      //     const s3 = new AWS.S3();
+      //     const params = {
+      //         Bucket: bucketName,
+      //         Key: newKey,
+      //         ContentType: type,
+      //         Body: file,
+      //         'Access-Control-Allow-Credentials': '*'
+      //     };
+      //     const upload = s3.upload(params);
+      //     upload.on('httpUploadProgress', (progress) => {
+      //         const { loaded, total } = progress;
+      //         /* 非必须 */
+      //         const percent = Math.round(parseInt(loaded / total) * 100);
+      //         if (typeof onProgress === 'function') onProgress(percent);
+      //     });
+      //     const uploadPromise = upload.promise();
+      //     return uploadPromise.then(res => {
+      //         const { key, Key } = res;
+      //         console.log(res);
+      //         // const tempUrl = (key.startsWith('/') ? '' : '/');
+      //         const fileUrl = `${cdnUrl}${cdnUrl.endsWith('/') ? '' : '/'}${key || Key}`
+      //         if (needWholeRes) {
+      //             return {
+      //                 ...res,
+      //                 fileUrl
+      //             };
+      //         } return fileUrl;
+      //     }).catch(err => {
+      //         console.log(err);
+      //     }).finally(_ => {
+      //     });
+      // } else
+      // if (type === '2') { // 如果type=2 则使用minIO上传
+      //     console.log(Minio)
+      //     const minioClient = new Minio.Client({
+      //         endPoint: 'poc.fhrons.com',
+      //         // port: 31003,
+      //         useSSL: true,
+      //         accessKey: tmpSecretId,
+      //         secretKey: tmpSecretKey,
+      //         sessionToken: token
+      //     })
+      //     return uploadFileToMinio(file, minioClient, bucketName, newKey, cdnUrl, needWholeRes).then(res => {
+      //         if (typeof onProgress === 'function') onProgress(100)
+      //         console.log('上传成功，', res)
+      //         return res
+      //     }).catch(err => {
+      //         console.log(err);
+      //     })
+
+      // }
+      // 腾讯  如果没有type 则默认使用腾讯上传
+      const cos = new COS({
+        getAuthorization: function (options, callback) {
+          callback({
+            TmpSecretId: tmpSecretId,
+            TmpSecretKey: tmpSecretKey,
+            XCosSecurityToken: sessionToken,
+            StartTime: startTime,
+            ExpiredTime: expiredTime,
+            requestId: requestId,
+            SecurityToken: token,
+          });
+        },
+      });
+      // 在 cos.putObject().catch() 中抛出错误
+      return cos
+        .putObject({
+          Bucket: bucketName,
+          Region: region,
+          Key: newKey,
+          StorageClass: "STANDARD",
+          Body: file,
+          Headers: {
+            "x-cos-meta-test": "123",
+            "Cache-control": "no-cache",
+            "Content-Type": getContentTypeByExtension(fileSffix),
+          },
+          onProgress: (progressData) => {
+            const percent = Math.round(progressData.percent * 100);
+            if (typeof onProgress === "function") onProgress(percent);
+          },
+        })
+        .then((data) => {
+          console.log("cos", data);
+          let fileUrl = "";
+          if (data.statusCode == 200) {
+            fileUrl = `${cdnUrl}/${newKey}`;
+            return fileUrl; // ✅ 成功时返回 url
+          } else {
+            // ❌ 状态码不是 200，抛出错误
+            throw new Error(`上传失败，状态码: ${data.statusCode}`);
+          }
+        })
+        .catch((err) => {
+          console.log("COS 上传错误:", err);
+          // ✅ 抛出错误，让调用方 catch 能捕获
+          throw err; // 或者 return Promise.reject(err);
+        });
+    });
+}
+
+function uploadFileToMinio(
+  file,
+  minioClient,
+  bucketName,
+  newKey,
+  cdnUrl,
+  needWholeRes
+) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = function (e) {
+      try {
+        const buffer = Buffer.from(e.target.result);
+        minioClient.putObject(bucketName, newKey, buffer, function (err, etag) {
+          if (err) {
+            console.log(err);
+            return err;
+          }
+          console.log(etag);
+          const fileUrl = `${cdnUrl}${
+            cdnUrl.endsWith("/") ? "" : "/"
+          }${newKey}`;
+          if (needWholeRes) {
+            resolve({
+              etag,
+              fileUrl,
+            });
+          }
+          resolve(fileUrl);
+        });
+      } catch (err) {
+        reject(err);
+      }
+    };
+    reader.onerror = function (err) {
+      reject(err);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} quality 压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 压缩文件
+export async function compressFile(file, quality = 0.7) {
+  file = file.raw ? file.raw : file;
+  // const imageCompressor = new Compressor();
+  try {
+    let reFile = "";
+    const rst = await lrz(file, {
+      quality: quality, // 图片压缩质量，取值0-1，默认为0.7
+    });
+    // const rst = new Compressor(file);
+    reFile = new File([rst.file], file.name, {
+      type: "image/jpeg",
+      lastModified: Date.now(),
+    });
+    return reFile;
+  } catch (error) {
+    return "";
+  }
+}
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} size 指定压缩后的图片大小
+ * @param {Number} quality  压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 循环压缩
+export async function loopCompressFile(file, size, quality) {
+  if (!size) {
+    return new Error("size 不能为空");
+  }
+  // let reFile = file;
+  const reFile = await compressFile(file, quality);
+  if (reFile.size > size) {
+    compressFile(reFile, quality);
+  }
+  return reFile;
+}
+
+// 判断html文档中是否有重复引用的标签
+/**
+ * @param {String} src 要检查的引用地址
+ */
+function chectDuplicateScript(src) {
+  let result = false;
+  // 获取文档中所有的script标签
+  const scriptTags = document.getElementsByTagName("script");
+  // 创建一个存储已经出现过的URL集合
+  const scriptURLs = new Set();
+  // 遍历所有的tag 标签
+  for (let i = 0; i < scriptTags.length; i++) {
+    const currentSrc = scriptTags[i].getAttribute("src");
+    if (currentSrc && currentSrc === src) {
+      if (scriptURLs.has(currentSrc)) {
+        // console.log('重复引用，引用地址为', currentSrc);
+        result = true;
+      } else {
+        scriptURLs.add(currentSrc);
+      }
+    }
+  }
+  if (scriptURLs.size === 0) {
+    result = false;
+    // console.log('没有重复引用', src);
+  }
+  return result;
+}
+// 动态引入JS文件
+export function loadJavaScript(src, callback) {
+  if (chectDuplicateScript(src)) return;
+  const script = document.createElement("script");
+  const head = document.getElementsByTagName("head")[0];
+  script.type = "text/javascript";
+  script.charset = "UTF-8";
+  script.src = src;
+  window.onerror = () => {
+    console.log(`loadJavaScript加载${src}失败`);
+  };
+  if (script.addEventListener) {
+    script.addEventListener(
+      "load",
+      function () {
+        callback();
+      },
+      false
+    );
+  } else if (script.attachEvent) {
+    script.attachEvent("onreadystatechange", function () {
+      const target = window.event.srcElement;
+      if (target.readyState === "loaded" || script.readState === "complate") {
+        callback();
+      }
+    });
+  }
+  script.addEventListener("error", (e) => {
+    if (!isEmpty(e)) {
+      callback("err");
+    }
+  });
+  if (src) {
+    // 如果src不存在，不加入到项目里面去，否则会报加载资源失败
+    head.appendChild(script);
+  }
+}
+/**
+ * 为空
+ * @param val
+ * @returns {boolean}
+ */
+function isEmpty(val) {
+  if (
+    val === null ||
+    val === undefined ||
+    (typeof val === "string" &&
+      (val === "" || val === "undefined" || val === "null")) ||
+    (Array.isArray(val) && val.length === 0) ||
+    (Object.prototype.toString.call(val) === "[object Object]" &&
+      Object.keys(val).length === 0)
+  ) {
+    return true;
+  }
+  return false;
+}
+
+function removeLeadingSlash(str) {
+  if (str.startsWith("/")) {
+    return str.substring(1); // 返回去掉斜杠后的值
+  }
+  return str; // 如果字符串不以斜杠开头，则返回原始字符串
+}

package/utils/tools.js

@@ -0,0 +1,22 @@
+// base64转Blob  2
+export function base64ToBlob (urlData, type) {
+    const arr = urlData.split(',');
+    if (arr.length > 1) {
+        const temp = arr[0].match(/:(.*?);/);
+        const mime = temp && temp.length > 1 ? (temp[1] || type) : type;
+        // 去掉url的头，并转化为byte
+        const bytes = window.atob(arr[1]);
+        // 处理异常,将ascii码小于0的转换为大于0
+        const ab = new ArrayBuffer(bytes.length);
+        // 生成视图（直接针对内存）：8位无符号整数，长度1个字节
+        const ia = new Uint8Array(ab);
+        for (let i = 0; i < bytes.length; i++) {
+            ia[i] = bytes.charCodeAt(i);
+        }
+        const blob = new Blob([ab], {
+            type: mime
+        })
+        return new File([blob], `poster_${new Date().valueOf()}.png`, { type: mime });
+    }
+}
+