diff --git a/app/views/uploads/new.html.erb b/app/views/uploads/new.html.erb
index 09e3d52e2..55b921ac5 100644
--- a/app/views/uploads/new.html.erb
+++ b/app/views/uploads/new.html.erb
@@ -118,7 +118,7 @@
 
 <% content_for(:html_header) do %>
   <script async src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.4.0/min/dropzone.min.js"></script>
-  <script async src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>
+  <script async src="https://cdnjs.cloudflare.com/ajax/libs/spark-md5/3.0.0/spark-md5.min.js"></script>
   <script>
     $(function() {
       var enabled = true;
@@ -151,11 +151,14 @@
             $("#filedropzone .dz-progress").hide();
           });
           this.on("addedfile", function(file) {
-            var reader = new FileReader()
+            var reader = new FileReader();
             reader.addEventListener("loadend", function() {
-              $("#upload_md5_confirmation").val(CryptoJS.MD5(CryptoJS.enc.Latin1.parse(this.result)).toString());
+              var buf = new SparkMD5.ArrayBuffer();
+              buf.append(this.result);
+              var hash = buf.end();
+              $("#upload_md5_confirmation").val(hash);
             });
-            reader.readAsBinaryString(file);
+            reader.readAsArrayBuffer(file);
           });
           this.on("success", function(file) {
             $("#filedropzone").addClass("success");