How to print the multiple input order "File name" in html and JS

user_12115493 0
Viewed 146

I have five files scan.pdf, "1_PVC", "2_Graham", 3_TAC, "4_TEC", I want the console.log can print retrieve the exact same string ("scan" "1_PVC" "2_Graham" 3_TAC "4_TEC") inside the filename. No matter how I get, it will eventually get from Alphabetical order "1_PVC" ... This is what I've done so far.

<input type="file" name="filess[]" id="file" accept=".pdf" multiple="multiple"  />
var filess = event.target.files;
console.log(filess);

var count = files.length;

for (var k=0; k<file.files.length; ++k){
    console.log(files[i].name + "\n");
}

enter image description here

Any method I can print the "File name:" based on user selection.

html javascript
2 Answers

Is this what you are looking for?

<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<script>
function logFiles(){
    var list=document.getElementById('filesElement').files;
    var listlen=list.length;
    for (var filenum=0;filenum<listlen;filenum++){
        console.log(list[filenum].name);
    }
}
</script>
</head>
<body>
<input type='file' id='filesElement' multiple='multiple' onchange='logFiles();' />
</body>
</html>
user_128946050
user_8180900
Related