emacroh5lib 1.0.18 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.18",
+  "version": "1.0.21",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js", 
   "scripts": {

package/src/index.ts

@@ -4,11 +4,11 @@ import { EMacro } from "./utilities/File";
 
 import FileViewer from './views/FileViewer/index.vue'
 import ImageViewer from './views/ImageViewer/index.vue'
-import DragResizeView from './views/DragResizeViewTs/index.vue'
+import DragResizeView from './views/DragResizeView/index.vue'
 import DragView from './views/Draw/index.vue'
 import MessageBoxTest from "@/components/MessageBoxTest";
 
-const components = [FileViewer, ImageViewer, DragResizeView, DragView];
+const components = [FileViewer, ImageViewer, DragResizeView];
 
 const install = (Vue: any) => {
   if ((install as any).installed) return;
@@ -31,4 +31,4 @@ if (typeof window !== 'undefined' && (window as any).Vue) {
 
 
 export default {}
-export { EMacro,FileViewer, ImageViewer, DragResizeView, DragView }
+export { EMacro,FileViewer, ImageViewer, DragResizeView }

package/src/utilities/File.ts

@@ -1,3 +1,4 @@
+
 import * as XLSX from "xlsx";
 
 export namespace EMacro {
@@ -6,7 +7,74 @@ export namespace EMacro {
 
     export class File {
 
-        private static selectFile(options: any = { multiple: true, accept: "*/*" }) {
+        public static getFileMD5(file: File): string {
+
+            throw "NG"
+        }
+
+        private static getBase64(blob) {
+            return new Promise((resolve, reject) => {
+                const reader = new FileReader();
+                reader.readAsDataURL(blob);
+                reader.onload = () => resolve(reader.result);
+                reader.onerror = error => reject(error);
+            });
+        }
+
+        public static getFileChunks(file: any): any {
+            let { size } = file
+            const sliceSize = 1024 * 1024 * 2;
+            let totalChunks = Math.ceil(size / sliceSize)
+            let fileChunks = new Array<any>()
+            if (size > sliceSize) {
+                for (let i = 0; i < totalChunks; i++) {
+                    let start = i * sliceSize
+                    let end = (i + 1) * sliceSize
+                    let chunk = file.slice(start, end)
+                    fileChunks.push(chunk)
+                }
+            } else {
+                fileChunks.push(file)
+            }
+            return { "fileChunks": fileChunks, "sliceSize": sliceSize, "chunksLength": fileChunks.length }
+        }
+
+        // 文件上传
+        public static uploadFiles(files, postFunc, errFunc: (err) => {}) {
+
+            if (files[0].fileName == "" || files[0].fileSize == "" || files[0].fileSize == 0) {
+                throw new Error("请选择要上传的文件")
+            }
+
+            let that = this
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                let { fileChunks, sliceSize, chunksLength } = File.getFileChunks(file.file)
+                for (let index in fileChunks) {
+                    let chunk = fileChunks[Number(index)]
+                    setTimeout(async () => {
+                        await File.getBase64(chunk).then((base64: any) => {
+                            let data = {
+                                'chunkIndex': Number(index), // 分片位置
+                                'chunksLength': chunksLength, // 分片长度
+                                'sliceSize': sliceSize, // 分片大小
+                                'chunkSize': chunk.size, // 当前分片实际大小
+                                'fileSize': file.file.size, // 文件总大小
+                                'fileName': file.file.name, // 文件名
+                                'data': base64.split(';base64,')[1], // 文件数据 
+                                'lastModifiedDate': file.file.lastModifiedDate,  // 最后修改时间
+                                'dataType': 'base64' // 数据的类型
+                            }
+                            postFunc(data)
+                        }).catch((err) => {
+                            errFunc({ err: err, file: file.file, chunkIndex: index, fileName: file.file.name })
+                        })
+                    }, 10);
+                }
+            }
+        }
+
+        public static selectFile(options: any = { multiple: true, accept: "*/*" }): Promise<FileList | null> {
             return new Promise((res: (value: FileList) => void, rej) => {
                 const el = document.createElement("input");
                 el.type = "file";
@@ -29,7 +97,10 @@ export namespace EMacro {
 
         public static readLocalExcel(onloadend: (file, workbook) => void, options: any = { multiple: true, accept: "*/*" }) {
 
-            this.selectFile(options).then((files: FileList) => {
+            this.selectFile(options).then((files: FileList | null) => {
+                if (files === null) {
+                    return
+                }
                 for (let i = 0; i < files.length; i++) {
                     const file = files[i];
                     let reader = new FileReader();
@@ -47,8 +118,7 @@ export namespace EMacro {
     }
 
 }
- 
 
 
 
- 
+