Jquery 显示<；输入类型="；文件"&燃气轮机；文件名

我正在尝试收集所选输入文件的文件名并将其前置到表中：

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>');
});

$（'input[type=file]'）。更改（函数（e）{
$（'#filelist'）.prepend（'+$（this.val（）+''）；
});

---

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

如果使用“jquery 1.8”，选择器“type=file”可以正常工作，但如果使用“jquery 1.6”，此选择器将无法工作。 正确的方法是使用这种选择器：

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

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

HTML:

---

. 对我来说，在IE9，FF13和Chrome22中。好吧，那一定是别的东西了。在twitter引导模式中执行此操作。无论如何，感谢您的验证。这是文件输入特有的问题吗？@tomaroo我不知道，对我来说正确的方法是包含引号，是早期版本有双引号或单引号的问题。可以改进的是现在可以排除引号

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

$('.input-type-file')