0

我正在尝试收集所选输入文件的文件名并将其添加到表中:

HTML

<div class="row-fluid">
  <div class="span12" id="upload-modal-button">
    <span class="btn btn-small btn-success fileinput-button">
      <span>Browse</span>
      <input type="file" name="file_1" enctype="multipart/form-data" />
    </span>
  </div>
</div>

<div class="row-fluid" id="image-table">
  <div class="span12">
    <table class="table table-striped" id="upload-list">
      <thead>
        <td>Filename</td>
        <td>State</td>
        <td>Rate</td>
      </thead>
      <tr id="filelist"></tr>
    </table>
  </div>
</div>

查询

$('input[type=file]').change(function(e){
  $('#filelist').prepend('<td>'+$(this).val()+'</td>');
});

但我无法让文件名显示在表格中。

4

1 回答 1

1

如果你使用“jquery 1.8”,选择器“type=file”可以正常工作,但如果你使用“jquery 1.6”,这个选择器将不起作用。正确的方法是使用这种类型的选择器:

$('input[type="file"]')

或者,您可以将此类型选择器与类一起使用:

HTML:

<input class="input-type-file" type="file" name="file_1" enctype="multipart/form-data" />

JS:

$('.input-type-file')
于 2012-10-07T14:21:04.247 回答