Question

我遇到2个文件输入问题：

<span class="btn btn-info btn-file" id="a">
    Selecteer afbeeldingen

    <input accept="image/gif,image/jpeg,image/png" multiple="multiple" id="btn-file-images" name="media[]" type="file">
</span>

<span class="btn btn-info btn-file" id="b">
    Selecteer media
    <input accept=".csv,application/vnd.ms-excel,application/msword,application/pdf,application/x-rar-compressed,application/zip,image/vnd.adobe.photoshop,application/illustrator" multiple="multiple" id="btn-file-media" name="media[]" type="file">
</span>

使用jQuery我在.btn文件输入上放了一个eventlistener

var uploadTab = $('#upload')
, tabForms = $('.tab-pane form', uploadTab)
, fileInputHandler = function fileInputHandler () {
    var input = $(this)
      , numFiles = input.get(0).files ? input.get(0).files.length : 1
      , label = input.val().replace(/\\/g, '/').replace(/.*\//, '');

     handleFiles(this, this.files);
}

tabForms.on('change', '.btn-file input', fileInputHandler);

麻烦的是，在一个页面上有2个.btn文件类，它会激活该函数两次。我试图将事件分别放在ID的“a”和“b”上，但没有运气。当我注释掉其中一个输入它工作正常时，它会触发一次。

我也从其中一个更改了name属性，但也没有运气。

还有另一个关于stackoverflow的话题值得尝试，因为我很绝望，但也没有用。

jQuery change event fired twice when giving focus to another control inside the change callback

Answer 1

似乎javascript文件包含两次

变更jQuery在输入文件元素上触发两次

1 个答案: