Question

我尝试在用户提交文件之前显示一个或多个文件名，但截至目前，如果用户决定选择多个文件，我只能显示一个文件名而不是多个文件名。

Jquery的

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

Answer 1

替换下面的

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

到

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

html用新的元素替换现有元素。 append将当前内容与现有内容合并的位置。

Answer 2

试试这个

$(function() {
 $('input:file').change(function(){
    for(var i = 0 ; i <= this.files.length ; i++){
      var fileName = this.files[i].name;
      $('.filenames').append('<div class="name">' + fileName + '</div>');
    }
 });
});

Working Demo

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

2 个答案: