From 31cc9aa611acce166acae9125ebf7f03f3170c46 Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Fri, 22 Jan 2021 22:45:39 +0100
Subject: [PATCH] FileReader() reading as Array Buffer

---
 index.html         |  2 +-
 js/LoadSaveFile.js | 23 ++++++++++++++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index e359ac0..33ab880 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
 
             <!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
             <button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze</button>
-            <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="ShowFile(this)">
+            <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)">
 
             <div class="checkboxes">
                 <label for="checkbox-hints" class="checkbox-label" title="Check to see an optional clue for your first playthrough based on your save's progress.">
diff --git a/js/LoadSaveFile.js b/js/LoadSaveFile.js
index b9a6a8d..3a6ddb9 100644
--- a/js/LoadSaveFile.js
+++ b/js/LoadSaveFile.js
@@ -1,15 +1,14 @@
 function ShowFile(input) {
     let inputFileObject = input.files[0];
-    let reader = new FileReader().readAsArrayBuffer(inputFileObject);
 
-
-    // alert(`File name: ${inputFileObject.name}`);
-    // alert(`Last modified: ${inputFileObject.lastModified}`);
-    alert(`File: ${inputFileObject}`);
+    alert(`File name: ${inputFileObject.name}`);
+    alert(`Last modified: ${inputFileObject.lastModified}`);
 }
 
 // main input tag file function
 function LoadSaveFile(input) {
+    // Prepares a File object from the first file of the input files for reading as an Array Buffer
+    let inputFileObject = input.files[0];
 
     // 1. read file
     // The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer.
@@ -19,6 +18,20 @@ function LoadSaveFile(input) {
     // readAsArrayBuffer(file)
     // addEventListener("load", function) - to decode the file when loaded
 
+    let inputReader = new FileReader();
+    inputReader.readAsArrayBuffer(inputFileObject);
+
+    inputReader.addEventListener("load", () => {
+        let inputArrayBuffer = inputReader.result;
+
+        try {
+            alert(`File: ${inputArrayBuffer}`);
+        } 
+        catch (error) {
+            alert(`The file cannot be decoded. Error: ${error}`);
+        }
+    });
+
     // 2. Decode file
     // The slice() method copies up to, but not including, the byte indicated by the end parameter.