LoadSaveFile() first prototype

js/LoadSaveFile.js

@@ -1,6 +1,37 @@
 function ShowFile(input) {
-    let inputFile = input.files[0];
+    let inputFileObject = input.files[0];
+    let reader = new FileReader().readAsArrayBuffer(inputFileObject);
+
+
+    // alert(`File name: ${inputFileObject.name}`);
+    // alert(`Last modified: ${inputFileObject.lastModified}`);
+    alert(`File: ${inputFileObject}`);
+}
+
+// main input tag file function
+function LoadSaveFile(input) {
+
+    // 1. read file
+    // The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer.
+    // It is an array of bytes, often referred to in other languages as a "byte array".
+
+    // new FileReader()
+    // readAsArrayBuffer(file)
+    // addEventListener("load", function) - to decode the file when loaded
+
+    // 2. Decode file
+    // The slice() method copies up to, but not including, the byte indicated by the end parameter.
+
+    // Uint8Array(ArrayBuffer)
+    // ArrayBuffer.slice()
+    // remove C# header (ArrayBuffer)
+    // base64 Decoding (ArrayBuffer)
+    // AES decryption (ECB) removes pkcs7 padding (ArrayBuffer)
+    // Convert ArrayBuffer to string/text TextDecoder().decode(ArrayBuffer)
+
+    // 3. Convert file to JSON string (optional?)
+    // JSON.stringify(JSON.parse(decrypted), undefined, 2)
+
+    // 4. Paste decoded string file to text area
+}
 
-    alert(`File name: ${inputFile.name}`);
-    alert(`Last modified: ${inputFile.lastModified}`)
-}