update file

index.js

@@ -1,51 +0,0 @@
-import {get_filemd5sum, getBase64} from './utils.js'
-
-function FileUpLoadSdk () {
-
-  const BYTES_PER_CHUNK = 1024 * 1024; // 每个文件切片大小定为1MB
-  let offset = 0; //用于断点续传，默认为 0
-
-  const IMAGE_TYPE_ERROR_CODE = 10
-
-  const IMAGE_MULTIPART = '/multipart/upload/'
-  const VIDOE_UPLOAD = '/upload/'
-
-  postImage = (host, origin) => {
-
-    if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(origin)) {
-      return IMAGE_TYPE_ERROR_CODE
-    }
-
-    var index1= origin.lastIndexOf(".");
-    var index2= origin.length;
-    let fileType= origin.substring(index1+1,index2)
-    let fileSize = origin.size
-    let md5 = get_filemd5sum(origin)
-    let chunkNum = Math.ceil(this.fileSize / this.BYTES_PER_CHUNK); // 分片个数
-    let base64Body = getBase64(origin)
-    let xhr = new XMLHttpRequest()
-    xhr.setRequestHeader('LINK_UPLOAD_FILE_SIZE',fileSize)
-    xhr.setRequestHeader('LINK_UPLOAD_CHUNK_INDEX',1)
-    xhr.setRequestHeader('LINK_UPLOAD_CHUNK_NUM',chunkNum)
-    xhr.setRequestHeader('LINK_UPLOAD_CHUNK_SIZE',BYTES_PER_CHUNK)
-    xhr.setRequestHeader('LINK_UPLOAD_OFFSET',offset)
-    xhr.setRequestHeader('LINK_UPLOAD_FILE_MD5',md5)
-    xhr.setRequestHeader('LINK_UPLOAD_FILE_TYPE',fileType)
-    xhr.open('post', host+IMAGE_MULTIPART+origin, true)
-    xhr.send(base64Body)
-
-    xhr.onreadyStateChange = function () {
-      if (xhr.readystate === 4) {
-        if (xhr.status === 304 || (xhr.status >= 200 && xhr.status < 300)) {
-          console.log('type: success, result: ', xhr.responseText)
-        } else {
-          console.log('type: error, errCode:', xhr.status)
-        }
-      }
-    }
-  }
-  
-}
-
-
-

index.ts

@@ -0,0 +1,72 @@
+import { getFilemd5sum, getBase64 } from './utils.js'
+
+interface upload_sdk {
+
+  //初始化文件 md5 
+  generateMd5: (file: File) => any
+  //初始化图片 base64
+  generateBase64: (file: File) =>any
+  //上传
+  action: () => Promise<any>
+  //成功返回函数
+  onSuccess: () => string
+  //续传
+  onContinue: () => number
+  //错误
+  onError: () => number
+
+}
+
+class UploadSdk implements upload_sdk {
+
+  private host: string
+  private origin: string
+  private token: string
+  private file: File
+  private md5: any
+  private base64: any
+  
+
+  constructor(host: string, origin: string, token: string, file: File){
+    this.host = host
+    this.origin = origin
+    this.token = token
+    this.file = file
+  }
+
+  generateMd5 = async (file: File) => {
+    let md5 = await getFilemd5sum(file)
+    return md5
+  }
+
+  generateBase64 = async (file: File) => {
+    let base64 = await getBase64(file)
+    return base64
+  }
+  //上传
+  action = async () => {
+    return new Promise((resolve, reject) => {
+      resolve()
+    })
+  }
+  //成功返回函数
+  onSuccess =  () => {
+    return 'success'
+  }
+  //续传
+  onContinue = () => {
+    return 90
+  }
+  //错误
+  onError = () => {
+    return 200
+  }
+
+}
+
+
+
+
+
+
+

utils.js

@@ -1,44 +1,51 @@
-import { SparkMD5 } from 'spark-md5'
+import SparkMD5 from 'spark-md5'
 
-export function get_filemd5sum(ofile) {
-  var file = ofile;
-  var tmp_md5;
-  var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
-      // file = this.files[0],
-      chunkSize = 8097152, // Read in chunks of 2MB
-      chunks = Math.ceil(file.size / chunkSize),
-      currentChunk = 0,
-      spark = new SparkMD5.ArrayBuffer(),
-      fileReader = new FileReader();
+export function getFilemd5sum(ofile) {
+    return new Promise((resolve, reject) => {
+        let file = ofile;
+        let tmp_md5;
+        let blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
+            // file = this.files[0],
+            chunkSize = 8097152, // Read in chunks of 2MB
+            chunks = Math.ceil(file.size / chunkSize),
+            currentChunk = 0,
+            spark = new SparkMD5.ArrayBuffer(),
+            fileReader = new FileReader();
 
-  fileReader.onload = function(e) {
-      spark.append(e.target.result); // Append array buffer
-      currentChunk++;
+        fileReader.onload = function (e) {
+            spark.append(e.target.result); // Append array buffer
+            currentChunk++;
 
-      if (currentChunk < chunks) {
-          loadNext();
-      } else {
-          tmp_md5 = spark.end();
-          return tmp_md5
-      }
-  };
+            if (currentChunk < chunks) {
+                loadNext();
+            } else {
+                tmp_md5 = spark.end();
+                resolve(tmp_md5)
+            }
+        };
 
-  fileReader.onerror = function() {
-      console.warn('oops, something went wrong.');
-  };
+        fileReader.onerror = function () {
+            reject('error');
+        };
 
-  function loadNext() {
-      var start = currentChunk * chunkSize,
-          end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
-      fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
-  }
-  loadNext();
+        loadNext = () => {
+            var start = currentChunk * chunkSize,
+                end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
+            fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
+        }
+        loadNext();
+    })
 }
 
 export function getBase64(file) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = function (e) { 
-        return this.result.substring(this.result.indexOf(',')+1);
-    }
+     return new Promise((resolve, reject) => {
+        var reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = function (e) {
+            resolve(e.target.result);
+        }
+        reader.onerror = function() {
+            reject('error')
+        }
+    });
 }