mikl/hollow-knight-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make LoadSaveFile() as an event

Browse source
This commit is contained in:
ReznoRMichael 2021-02-15 22:20:14 +01:00
parent 82109bee5e
commit d8ba9fc7bb
4 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
build/app.js
View file

File diff suppressed because one or more lines are too long

3
build/index.html
View file

@ -177,7 +177,8 @@
<div class="buttons centered"> <div class="buttons centered">
<div class="input-buttons"> <div class="input-buttons">
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*">
</div> </div>
<div class="input-buttons"> <div class="input-buttons">

3
src/index.html
View file

@ -62,7 +62,8 @@
<div class="buttons centered"> <div class="buttons centered">
<div class="input-buttons"> <div class="input-buttons">
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*">
</div> </div>
<div class="input-buttons"> <div class="input-buttons">

16
src/js/LoadSaveFile.js
View file

@ -30,17 +30,20 @@ let benchLSFBegin, benchLSFEnd, benchTotal;
* @param {FileList} input FileList object containing a list of File objects. The FileList behaves like an array, so you can check its length property to get the number of selected files. * @param {FileList} input FileList object containing a list of File objects. The FileList behaves like an array, so you can check its length property to get the number of selected files.
*/ */
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function LoadSaveFile(input, startTime = new Date()) { function LoadSaveFile() {
let startTime = new Date();
const inputFileList = this.files;
// console.info("Input length: " + input.files.length) // console.info("Input length: " + input.files.length)
// Cease further processing if user canceled the file input dialog // Cease further processing if user canceled the file input dialog
if (input.files.length < 1) return false; if (inputFileList.length < 1) return false;
// start benchmark // start benchmark
benchLSFBegin = startTime; benchLSFBegin = startTime;
// Prepares a File object from the first file of the input files for reading as an Array Buffer // Prepares a File object from the first file of the input files for reading as an Array Buffer
let inputFileObject = input.files[0]; let inputFileObject = inputFileList[0];
// Cleans the file list to avoid problems after subsequent use // Cleans the file list to avoid problems after subsequent use
// document.getElementById("save-area-file").value = ""; // document.getElementById("save-area-file").value = "";
@ -185,4 +188,9 @@ function AESDecryption(buffer, cipherObject = ECB_STREAM_CIPHER) {
} }
// Make functions global so they can be used on click and change events (for Webpack) // Make functions global so they can be used on click and change events (for Webpack)
window.LoadSaveFile = LoadSaveFile; // window.LoadSaveFile = LoadSaveFile;
document.getElementById("save-area-file").addEventListener("change", LoadSaveFile);
document.getElementById("save-area-file").addEventListener("click", (mouseEvent) => {
mouseEvent.target.value = "";
});