如何在html和JS中打印多个输入顺序\“文件名\”答案

【问题标题】：How to print the multiple input order "File name" in html and JS如何在html和JS中打印多个输入顺序\“文件名\”
【发布时间】：2022-08-19 02:30:53
【问题描述】：

我有五个文件 scan.pdf、\"1_PVC\"、\"2_Graham\"、3_TAC、\"4_TEC\"，我希望 console.log 可以打印检索完全相同的字符串 (\"scan\" \"1_PVC \" \"2_Graham\" 3_TAC \"4_TEC\") 在文件名中。无论我如何得到，它最终都会从字母顺序“1_PVC”得到......这是我到目前为止所做的。

<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\");
}

我可以根据用户选择打印“文件名：”的任何方法。

你用的是什么浏览器？我已经尝试在 Firefox 中使用我自己的文件。对我来说，选择它们时会发生混乱。如果我将它们按我想要的顺序放在对话框中，我的意思是选择它们，然后更改它们在对话框的文本框中出现的顺序，然后控制台按该顺序显示它们。
还有你的代码引用filess、files 和file.files。我不确定哪个是正确的，但它们不可能都是正确的。
正如 MattEllen 所说，我在 W11 Edge 上也是如此。
我不认为它可以完成，因为它是特定于操作系统的。 Windows 中的顺序遵循文件资源管理器中的顺序（在您的图片中按名称排序）。如果您单击“修改日期”列按日期对其进行排序，那么打印顺序也会随之而来。另请参阅stackoverflow.com/questions/58694968/…

标签： javascript html

【解决方案1】：

这是你想要的？

<!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>

【讨论】：