implemented uploading images

gibsn · Dec 1, 2022 · 6e6bb8a · 6e6bb8a
1 parent b8f7bd3
commit 6e6bb8a
Showing 1 changed file with 47 additions and 9 deletions.
diff --git a/static/js/message/add.js b/static/js/message/add.js
@@ -12,6 +12,8 @@ const initialTextAreaLength = 0;
 const fileInputId = 'file-input'
 const textInputId = 'text_form'
 
+const imageUploadAPI = '/api/v1/image/add'
+
 // const upload = new FileUploadWithPreview.FileUploadWithPreview('myFirstImage', {
 //     multiple: true,
 //     maxFileCount: 5,
@@ -54,22 +56,56 @@ function previewImages() {
 
 }
 
-async function uploadImages(images, encrypt) {
-    let ids = []
+async function uploadImages(images, ttl, encrypter) {
+    let ids = [];
 
     for (let i = 0; i < images.length; i++) {
-        images[i].arrayBuffer().then(function(value) {
-            if encrypt {
-                // TODO encrypt
+        let imageBytes = await images[i].arrayBuffer();
+
+        if (encrypter) {
+            // TODO encrypt
+        }
+
+        let formData = new FormData();
+        formData.append("image", new Blob([imageBytes], {type: "application/octet-stream"}));
+        formData.append("ttl", ttl);
+
+        try {
+            let resp = await $.ajax({
+                type: 'POST',
+                url: imageUploadAPI,
+                data: formData,
+                contentType: false,
+                processData: false
+            });
+
+            if (resp.code != 200) {
+                console.error("could not upload image: code is", resp.code, "body is", resp.body);
+                continue;
             }
-            // TODO upload to backend
-            // TODO append id to ids
-        });
+
+            ids.append(resp.body.id);
+        } catch (resp) {
+            if (resp.status != 200) {
+                console.error("could not upload image: http status is", resp.status);
+                continue;
+            }
+        }
     }
 
     return ids
 }
 
+function getCurrentTTL() {
+    for (const checkmark of document.getElementsByName("ttl")) {
+        if (checkmark.cheked) {
+            return checkmark.value;
+        }
+    }
+
+    return 86400;
+}
+
 async function onMessageSubmit(e) {
     $('#loading').show();
     $('#copy_button').html('Copy link');
@@ -86,7 +122,9 @@ async function onMessageSubmit(e) {
     textFormCopy[0].value = encryptionRes.encrypted;
 
     // encrypt, upload and append images to the form
-    let imgsIds = uploadImages(document.getElementById(fileInputId).files);
+    let ttl = getCurrentTTL();
+    let imgsIds = uploadImages(document.getElementById(fileInputId).files, ttl, null);
+
     textFormCopy.append("imgs", imgsIds);
 
     $.ajax({