Javascript Jquery在选择文件时显示一个或多个文件名

我试图在用户提交文件之前显示一个或多个文件名，但到目前为止，如果用户决定选择多个文件，我只能显示一个文件名，而不能显示多个文件名

Jquery

$(function() {
 $('input:file').change(function(){
     var fileName = $(this).val();
     $('.filenames').html('<div class="name">' + fileName + '</div>');
 });
});

$（函数（）{
$（'input:file'）.change（函数（）{
var fileName=$（this.val（）；
$（'.filenames'）.html（''+文件名+''）；
});
});

您可以使用

for

循环

this.files.length

$（函数（）{
$（'input:file'）.change（函数（）{
对于（var i=0；i

替换以下内容

$('.filenames').html('<div class="name">' + fileName + '</div>');

$（'.filenames'）.html（''+fileName+''）；

到

$（'.filenames'）。追加（''+fileName+''）；

html
将现有元素替换为新元素。其中as
append
将当前内容与现有内容合并。
使用
.append
而不是
.html
@Undefined\u变量append vs html的优点是什么？.html替换选择器中的整个内容，而append将附加到list@NIMISHAN我们编辑多余的文本，比如谢谢，感谢您的帮助或帮助，请离开帖子，而不是进入。我尝试了您的代码，它正在工作，但给我一个错误“无法读取未定义的属性'name'。修改“很高兴它帮助了@Fadz..我还用
$更新了我的答案。每个
都避免了未定义的索引..谢谢，祝你有一个美好的一天：-）
$('.filenames').append('<div class="name">' + fileName + '</div>');