jquery - 添加不显示文件名的上传字段

Question

我一直在努力想办法制作一个风格input type="file"，我终于明白了。但后来我遇到了另一个问题，即IE8多文件支持。所以我想我可以添加一个添加字段按钮。但是，我又遇到了另一个问题。该文件将显示在第一个字段上，但第二个字段不显示该文件的名称。这里我有一个关于JSFiddle的工作演示

http://jsfiddle.net/933rp/

Answer 1

由于某种原因，.on()仅将事件绑定到当前存在的元素，因此每次添加字段时都必须再次添加事件侦听器，请参阅working demo

编辑：你没有正确地约束事件，上面的方法有效，但这里有更好的方式link;

基本上使用$(document).on('fileselect','.btn-file :file', function (event, numFiles, label) {...}绑定事件

Answer 2

你到处都在使用delegation，但就这一点而言。

替换它：

$('.btn-file :file').on('fileselect', function (event, numFiles, label)

有了这个：

$(document).on('fileselect', '.btn-file :file', function (event, numFiles, label)

因此事件处理程序将附加到稍后添加的每个元素。

演示：http://jsfiddle.net/933rp/3/