Merge pull request #57 from beer-garden/md5_sum_file_chunks

Base64 Upload Supports MD5 Tracking

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beer-garden/addons",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Awesome Addons for Angular Schema Form.",
   "main": "dist/addons.js",
   "scripts": {
@@ -15,6 +15,9 @@
   "author": "The Beergarden Team",
   "contributors": [],
   "license": "MIT",
+  "dependencies": {
+    "crypto-js": "4.2.0"
+  },
   "peerDependencies": {
     "angular": "^1.6.5",
     "angular-schema-form": "1.0.0-alpha.4",

src/directives/file-upload.js

@@ -1,4 +1,5 @@
 import angular from "angular";
+import CryptoJS from 'crypto-js';
 
 class FileUploader {
   constructor(url_prefix) {
@@ -119,18 +120,40 @@ class FileUploader {
     reader.readAsDataURL(chunk);
   }
 
-  uploadFile(file, ngModel, scope) {
+  calculateMD5(file) {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+
+      reader.onload = (event) => {
+        const wordArray = CryptoJS.lib.WordArray.create(event.target.result);
+        const hash = CryptoJS.MD5(wordArray);
+        resolve(hash.toString(CryptoJS.enc.Hex));
+      };
+
+      reader.onerror = (error) => {
+        reject(error);
+      };
+
+      reader.readAsArrayBuffer(file);
+    });
+  }
+
+  async uploadFile(file, ngModel, scope) {
     this.file = file;
     this.numChunks = Math.ceil(file.size / this.chunkSize);
 
+    this.md5_sum = await this.calculateMD5(file);
+
     $.get(
       this.apiPath +
         "id/?file_name=" +
         encodeURIComponent(file.name) +
         "&file_size=" +
         this.file.size +
         "&chunk_size=" +
-        this.chunkSize
+        this.chunkSize +
+        "&md5_sum=" +
+        this.md5_sum
     )
       .done((data) => {
         this.fileId = data["details"]["file_id"];