fix: UploadToOss改为props注入，删除掉winow.oss的调用依赖

src/components/Editor/Upload.js

@@ -3,44 +3,39 @@ import { Upload, Icon, Modal, message, Spin } from "antd";
 import dayjs from "dayjs";
 import shortid from "shortid";
 import intl from "react-intl-universal";
-import {
-  OSS_ENDPOINT,
-  OSS_BUCKET,
-  DRIVER_LICENSE_PATH,
-  ERROR_DEFAULT
-} from "../../constant";
+import { DRIVER_LICENSE_PATH, ERROR_DEFAULT } from "../../constant";
 import Comment from "../../Comment";
 import "./Upload.css";
 
-const client = oss => {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: OSS_BUCKET
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
 
-const uploadPath = (path, file) => {
-  return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
-    file.type.split("/")[1]
-  }`;
-};
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
 
-const UploadToOss = (oss, path, file) => {
-  const url = uploadPath(path, file);
-  return new Promise((resolve, reject) => {
-    client(oss)
-      .multipartUpload(url, file)
-      .then(data => {
-        resolve(data);
-      })
-      .catch(error => {
-        reject(error);
-      });
-  });
-};
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 class App extends React.Component {
   constructor(props) {
@@ -94,7 +89,8 @@ class App extends React.Component {
     reader.onloadend = () => {
       info.onProgress({ percent: 20 });
       // DRIVER_LICENSE_PATH oss 的存储路径位置
-      UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
+      this.props.app
+        .UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
         .then(data => {
           info.onProgress({ percent: 100 });
           info.onSuccess(data);

src/components/Editor/index.js

@@ -11,45 +11,40 @@ import Comment from "../../Comment";
 import { isMobile } from "./../../utils";
 import { OSS_LINK } from "../../constant";
 import { isFunction } from "../../helper";
-import {
-  OSS_ENDPOINT,
-  OSS_BUCKET,
-  DRIVER_LICENSE_PATH,
-  ERROR_DEFAULT
-} from "../../constant";
+import { DRIVER_LICENSE_PATH, ERROR_DEFAULT } from "../../constant";
 import "./index.css";
 
 const { TextArea } = Input;
 
-const client = oss => {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: OSS_BUCKET
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
 
-const uploadPath = (path, file) => {
-  return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
-    file.type.split("/")[1]
-  }`;
-};
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
 
-const UploadToOss = (oss, path, file) => {
-  const url = uploadPath(path, file);
-  return new Promise((resolve, reject) => {
-    client(oss)
-      .multipartUpload(url, file)
-      .then(data => {
-        resolve(data);
-      })
-      .catch(error => {
-        reject(error);
-      });
-  });
-};
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 class Editor extends React.Component {
   constructor(props) {
@@ -214,7 +209,8 @@ class Editor extends React.Component {
     reader.readAsDataURL(file);
     reader.onloadend = () => {
       // DRIVER_LICENSE_PATH oss 的存储路径位置
-      UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
+      this.props.app
+        .UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
         .then(data => {
           const fileList = this.state.fileList.concat({
             url: OSS_LINK + data.name,

src/constant.js

@@ -2,8 +2,6 @@ export const ERROR_DEFAULT = "出错了！";
 
 export const LIMIT = 10; // 默认 limit
 
-export const OSS_ENDPOINT = "oss-cn-beijing.aliyuncs.com";
-export const OSS_BUCKET = "links-comment";
 export const DRIVER_LICENSE_PATH = "/comment";
 
 export const OSS_LINK = "//links-comment.oss-cn-beijing.aliyuncs.com";