Question

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

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>

JQUERY

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

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

Answer 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')

显示<input type =“file”/> filename

1 个答案: