克隆文件输入更改事件克隆x2所有输入

时间:2014-05-23 20:00:23

标签: jquery

我想在每次触发值更改时从第一个克隆新文件。

我尝试使这项工作失败。

它适用于第一次事件更改,但第二次克隆x2输入文件(因此我输入了4个文件)和第三次输入8个文件,依此类推......

非常感谢您的帮助

<div class="inputs-wrap">
   <label>Proposez Des Photos :</label>
   <input type="file" name="image[]" accept="image/*" class="file-input" />
</div>

$('.file-input').bind('change', function() {
    var ext = $(this).val().split('.').pop().toLowerCase();
    if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
        $(this).val('');
        $('#error-form').html('Seuls les formats images sont acceptés').show();
    } else {
        $('.file-input:first').clone(true).insertAfter('.file-input');
    }
});

1 个答案:

答案 0 :(得分:2)

将insertAfter中的选择器更改为“.file-input:last”

$('.file-input:first').clone(true).insertAfter('.file-input:last');

http://jsfiddle.net/6PYew/