From a18f1178d87a835f245eda852cb8a7e8085c1c49 Mon Sep 17 00:00:00 2001
From: emilyliublair <67622097+emilyliublair@users.noreply.github.com>
Date: Sun, 12 Sep 2021 17:30:56 -0400
Subject: [PATCH] array with base64

---
 cms/static/utils.js | 39 ++++++++++++++++++++++++++++-----------
 1 file changed, 28 insertions(+), 11 deletions(-)

diff --git a/cms/static/utils.js b/cms/static/utils.js
index 34440a4..338e9fa 100644
--- a/cms/static/utils.js
+++ b/cms/static/utils.js
@@ -3,6 +3,7 @@ function forwardForImage(id, postloc) {
     console.log("askldjf");
     let form_elem = document.getElementById(id).children;
     let data = [];
+    var base64=""
     for (i = 0; i < form_elem.length; i++) {
         console.log(form_elem[i]);
         if (form_elem[i].type == "text") {
@@ -12,20 +13,36 @@ function forwardForImage(id, postloc) {
             data.push(form_elem[i].name + "=" + encodeURIComponent(form_elem[i].value));
         }
         if (form_elem[i].type == "file") {
-            var file = document.getElementById(form_elem[i].id).files[0];
-            getBase64(file, form_elem, i, data,  function(form_elem, i, data, res) {
-                data.push(form_elem[i].name + "=" + encodeURIComponent(res));
-            });
+            var file = document.querySelector('input[type=file]')['files'][0]
+            var reader = new FileReader();
+            reader.readAsDataURL(file)
+            reader.onload=function() {
+                base64 = reader.result
+            };
+            reader.onerror = function (error) {
+                console.log('Error: ', error);
+            };
         }
     }
+
+    var file = document.querySelector('input[type=file]')['files'][0]
+    var reader = new FileReader();
+    reader.readAsDataURL(file)
+    reader.onload=function() {
+        data.push(reader.result)
+        console.log(data)
+        var params = data.join("&");
+        var xhr = new XMLHttpRequest();
+        xhr.open("POST", postloc);
+        console.log(params);
+        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+        xhr.send(params);
+    };
+    reader.onerror = function (error) {
+        console.log('Error: ', error);
+    };
     console.log(data);
-    console.log(data[3]);
-    var params = data.join("&");
-    var xhr = new XMLHttpRequest();
-    xhr.open("POST", postloc);
-    console.log(params);
-    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-    xhr.send(params);
+    
 }
 
 function getBase64(file, form_elem, i, data, callback) {