ipdate

index.js

@@ -0,0 +1,90 @@
+import { getFilemd5sum, getBase64 } from './testutil'
+
+const IMAGE_MULTIPART = '/multipart/upload/'
+const VIDEO_MULTIPART = '/upload/'
+
+function FileFactory(file) {
+  this.offset = 0; //用于断点续传，默认为 0
+  this.BYTES_PER_CHUNK = 1024 * 1024
+  this.file = file
+  this.fileSize = file.size
+  this.fileType = file.type
+  this.chunkNum =  this.BYTES_PER_CHUNK > this.fileSize ? Math.ceil(this.fileSize / this.BYTES_PER_CHUNK):1
+  this.chunkSize = this.BYTES_PER_CHUNK > this.fileSize ? this.fileSize:this.BYTES_PER_CHUNK
+}
+
+export default function UploadSdk(host, origin, token, file) {
+  
+  this.host = host
+  this.origin = origin
+  this.token = token
+  this.file = file
+  this.fileFactory = new FileFactory(file)
+
+  this.generateMd5 = function (callback) {
+    getFilemd5sum(this.file).then(result => {callback(result)})
+  }
+
+  this.generateBase64 = function (callback) {
+    getBase64(this.file).then(result => {callback(result)})
+  }
+  //上传
+  this.action = function() {
+    this.generateMd5( (md5) => {
+      this.md5 = md5
+      this.generateBase64( (base64) => {
+        this.base64Body = base64
+        this.post(this.md5,this.base64Body,this.fileFactory)
+      })
+    })
+  }
+  //成功返回函数
+  this.onSuccess = function () {
+    return 'success'
+  }
+  //续传
+  this.onContinue = function() {
+    return 90
+  }
+  //错误
+  this.onError = function() {
+    return 200
+  }
+
+  this.post = function(md5,base64,fileFactory) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest()
+      xhr.open("POSt", this.host+IMAGE_MULTIPART+this.origin, true)
+        xhr.withCredentials = true;
+        xhr.setRequestHeader('Authorization', `Bearer ${this.token}`);
+        xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
+        xhr.setRequestHeader('Accept', 'application/json');
+        xhr.setRequestHeader('LINK_UPLOAD_FILE_SIZE',fileFactory.fileSize)
+        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_INDEX',1+'')
+        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_NUM',fileFactory.chunkNum)
+        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_SIZE',fileFactory.chunkSize)
+        xhr.setRequestHeader('LINK_UPLOAD_OFFSET',fileFactory.offset+'')
+        xhr.setRequestHeader('LINK_UPLOAD_FILE_MD5',md5)
+        xhr.setRequestHeader('LINK_UPLOAD_FILE_TYPE','jepg')
+        xhr.send(JSON.stringify({body: base64}))
+        xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4) {
+            if (xhr.status === 304 || (xhr.status >= 200 && xhr.status < 300)) {
+              resolve(xhr.responseText)
+            } else {
+              reject(xhr.status)
+            }
+          }
+        }
+    })
+  }
+}
+
+
+
+
+
+
+
+
+

index.ts

@@ -1,116 +0,0 @@
-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
-  //http 请求
-  post: () => Promise<any>
-
-}
-
-class UploadSdk implements upload_sdk {
-
-  private host: string
-  private origin: string
-  private token: string
-  private file: File
-  private base64: any
-  private BYTES_PER_CHUNK: number = 1024 * 1024
-  private IMAGE_MULTIPART = '/multipart/upload/'
-  private VIDEO_MULTIPART = '/upload/'
-  private chunkNum: any
-  private chunkSize: any
-  private fileType: any
-  private fileSize: any
-  private base64Body: any
-  private md5: any
-  private offset = 0; //用于断点续传，默认为 0
-
-  constructor(host: string, origin: string, token: string, file: File){
-    this.host = host
-    this.origin = origin
-    this.token = token
-    this.file = file
-    this.fileSize = file.size
-    this.fileType = file.type
-    this.chunkNum =  this.BYTES_PER_CHUNK > this.fileSize ? Math.ceil(this.fileSize / this.BYTES_PER_CHUNK):1
-    this.chunkSize = this.BYTES_PER_CHUNK > this.fileSize ? this.fileSize:this.BYTES_PER_CHUNK
-  }
-
-  generateMd5 = async () => {
-    let md5 = await getFilemd5sum(this.file)
-    return md5
-  }
-
-  generateBase64 = async () => {
-    let base64 = await getBase64(this.file)
-    return base64
-  }
-  //上传
-  action = () => {
-    this.md5 = this.generateMd5()
-    this.base64Body = this.generateBase64()
-    return this.post()
-  }
-  //成功返回函数
-  onSuccess =  () => {
-    return 'success'
-  }
-  //续传
-  onContinue = () => {
-    return 90
-  }
-  //错误
-  onError = () => {
-    return 200
-  }
-
-  post = () => {
-    return new Promise((resolve, reject) => {
-      let xhr = new XMLHttpRequest()
-      xhr.open("POSt", 'http://api.links123.net/mps/v1/'+this.IMAGE_MULTIPART+'forum', true)
-        xhr.withCredentials = true;
-        xhr.setRequestHeader('Authorization', `Bearer ${this.token}`);
-        xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
-        xhr.setRequestHeader('Accept', 'application/json');
-        xhr.setRequestHeader('LINK_UPLOAD_FILE_SIZE',this.fileSize)
-        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_INDEX',1+'')
-        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_NUM',this.chunkNum)
-        xhr.setRequestHeader('LINK_UPLOAD_CHUNK_SIZE',this.chunkSize)
-        xhr.setRequestHeader('LINK_UPLOAD_OFFSET',this.offset+'')
-        xhr.setRequestHeader('LINK_UPLOAD_FILE_MD5',this.md5)
-        xhr.setRequestHeader('LINK_UPLOAD_FILE_TYPE','jepg')
-        xhr.send(JSON.stringify({body: this.base64Body}))
-        xhr.onreadystatechange = function () {
-          if (xhr.readyState === 4) {
-            if (xhr.status === 304 || (xhr.status >= 200 && xhr.status < 300)) {
-              resolve(xhr.responseText)
-            } else {
-              reject(xhr.status)
-            }
-          }
-        }
-    })
-  }
-
-}
-
-
-
-
-
-
-
-
-

utils.js

@@ -1,51 +1,110 @@
-import SparkMD5 from 'spark-md5'
+import { getFilemd5sum, getBase64 } from './testutil'
 
-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++;
-
-            if (currentChunk < chunks) {
-                loadNext();
-            } else {
-                tmp_md5 = spark.end();
-                resolve(tmp_md5)
-            }
-        };
-
-        fileReader.onerror = function () {
-            reject('error');
-        };
-
-        loadNext = () => {
-            var start = currentChunk * chunkSize,
-                end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
-            fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
-        }
-        loadNext();
-    })
+const IMAGE_MULTIPART = '/multipart/upload/'
+const VIDEO_MULTIPART = '/upload/'
+
+function FileFactory(file) {
+  this.offset = 0; //用于断点续传，默认为 0
+  this.BYTES_PER_CHUNK = 1024 * 1024
+  this.file = file
+  this.fileSize = file.size
+  this.fileType = file.type
+  this.chunkNum =  this.BYTES_PER_CHUNK > this.fileSize ? Math.ceil(this.fileSize / this.BYTES_PER_CHUNK):1
+  this.chunkSize = this.BYTES_PER_CHUNK > this.fileSize ? this.fileSize:this.BYTES_PER_CHUNK
 }
 
-export function getBase64(file) {
-     return new Promise((resolve, reject) => {
-        var reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = function (e) {
-            resolve(e.target.result);
+export default function UploadSdk(host, origin, token, file) {
+  
+  this.host = host
+  this.origin = origin
+  this.token = token
+  this.file = file
+
+  this.generateMd5 = function (callback) {
+    getFilemd5sum(this.file).then(result => {callback(result)})
+  }
+
+  this.generateBase64 = function (callback) {
+    getBase64(this.file).then(result => {callback(result)})
+  }
+  
+  this.imageUploadAction = function () {
+    return new Promise( (resolve, reject) => {
+      this.generateMd5( (md5) => {
+        this.md5 = md5
+        this.generateBase64( (base64) => {
+          this.base64Body = base64
+          let fileFactory = new FileFactory(file)
+            this.postImage(this.md5,this.base64Body,fileFactory).then( res => {
+              resolve(res)
+            }).catch( (err) => {
+              reject(err)
+            })
+        })
+      }) 
+    })
+  }
+
+  this.videoUploadAction = function () {
+    return new Promise( (resolve, reject) => {
+      this.postVideo().then( res => {
+        resolve(res)
+      }).catch( (err) => {
+        reject(err)
+      })
+    })
+  }
+
+  this.postVideo = function() {
+    return new Promise( (resolve, reject) => {
+      let xhr = new XMLHttpRequest()
+      xhr.open("POSt", this.host+VIDEO_MULTIPART+this.origin, true)
+      xhr.open("POSt", this.host+IMAGE_MULTIPART+this.origin, true)
+      xhr.withCredentials = true;
+      xhr.setRequestHeader('Authorization', `Bearer ${this.token}`)
+      xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8')
+      xhr.setRequestHeader('Accept', 'application/json')
+      let fd = new FormData()
+      fd.append('file',this.file)
+      fd.append('code_rate','ld,sd,hd')
+      xhr.send(fd)
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+          if (xhr.status === 304 || (xhr.status >= 200 && xhr.status < 300)) {
+            resolve(xhr.responseText)
+          } else {
+            reject(xhr.status)
+          }
         }
-        reader.onerror = function() {
-            reject('error')
+      }
+    })
+  }
+
+  this.postImage = function(md5,base64,fileFactory) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest()
+      xhr.open("POSt", this.host+IMAGE_MULTIPART+this.origin, true)
+      xhr.withCredentials = true
+      xhr.setRequestHeader('Authorization', `Bearer ${this.token}`)
+      xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8')
+      xhr.setRequestHeader('Accept', 'application/json')
+      xhr.setRequestHeader('LINK_UPLOAD_FILE_SIZE',fileFactory.fileSize)
+      xhr.setRequestHeader('LINK_UPLOAD_CHUNK_INDEX',1+'')
+      xhr.setRequestHeader('LINK_UPLOAD_CHUNK_NUM',fileFactory.chunkNum)
+      xhr.setRequestHeader('LINK_UPLOAD_CHUNK_SIZE',fileFactory.chunkSize)
+      xhr.setRequestHeader('LINK_UPLOAD_OFFSET',fileFactory.offset+'')
+      xhr.setRequestHeader('LINK_UPLOAD_FILE_MD5',md5)
+      xhr.setRequestHeader('LINK_UPLOAD_FILE_TYPE','jepg')
+      xhr.send(JSON.stringify({body: base64}))
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+          if (xhr.status === 304 || (xhr.status >= 200 && xhr.status < 300)) {
+            resolve(xhr.responseText)
+          } else {
+            reject(xhr.status)
+          }
         }
-    });
+      }
+    })
+  }
 }