在屏幕上显示文件输入名称

Question

我有允许用户上传文件的代码。我不知道会有多少文件。

我想在屏幕上打印文件的名称。

以下脚本只打印＆＃34; file []＆＃34;。

我需要改变什么？

$(document).on('submit', 'form', function(e) {
    e.preventDefault(); // stop the standard form submission, as you're using 

    var $form = $(this);
    var act = 'add';

    //Get elements
    var fields = $form.find('.file-field');

    for (var i = 0; i <= fields.length; i++) {
        //get element using .eq()
        var el = fields.eq(i);

        //Read name property
         alert(el.prop('name'));
    }
});

HTML

<form class="form-horizontal" action='#' method="post"  enctype="multipart/form-data">
  <input type='file' name='file[]' class=' form-control file-field multi' maxlength='2' accept="image/jpg,image/png,image/jpeg,image/gif"  id="uploadFile0"/>
  <button class="btn btn-primary submit" >SEND</button>
</form>