From 9c72be71330fe639206fc1681db819eec8fc4d15 Mon Sep 17 00:00:00 2001
From: Joe Ma <rikkaneko23@gmail.com>
Date: Mon, 12 Sep 2022 12:36:45 +0800
Subject: [PATCH] Add content type preview to paste.html

---
 paste.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/paste.html b/paste.html
index d7fabc4..3b47d34 100644
--- a/paste.html
+++ b/paste.html
@@ -66,7 +66,7 @@
     <br>
     <div>
       <input id="reset_button" type="reset" value="Reset">
-      <input id="sumbit_form_button" type="submit" value="Sumbit"> (<span id="file_size">0 bytes</span>)
+      <input id="sumbit_form_button" type="submit" value="Sumbit"> (<span id="file_stats">0 bytes</span>)
     </div>
   </div>
 </form>
@@ -77,14 +77,14 @@
     this.style.height = this.scrollHeight + 'px';
   }
 
-  function update_file_size() {
+  function update_file_status() {
     let bytes = this.files[0]?.size ?? 0;
     let size = bytes + ' bytes';
     const units = ['KiB', 'MiB', 'GiB', 'TiB'];
     for (let i = 0, approx = bytes / 1024; approx > 1; approx /= 1024, i++) {
       size = approx.toFixed(3) + ' ' + units[i];
     }
-    document.getElementById('file_size').innerHTML = size;
+    document.getElementById('file_size').textContent = `${this.files[0]?.type ?? 'application/application/octet-stream'}, ${size}`;
   }
 
   function toggle_password() {
@@ -128,7 +128,7 @@
     }
   }
 
-  document.getElementById('upload_file').addEventListener('input', update_file_size, false);
+  document.getElementById('upload_file').addEventListener('change', update_file_status, false);
   document.getElementById('text_input').addEventListener('input', update_textarea, false);
   document.getElementById('show_pass_button').addEventListener('change', toggle_password, false);
   document.getElementById('reset_button').addEventListener('click', reset_form, false);