wie input type Datei

Question

in meinem html

anhängen, wenn ich Typ verändern es ist in Ordnung, um Text, aber wenn ich es Datei nichts passieren Typ ändern, wenn ich

<input type="file" name="pic[]" accept="image/*" >a 
<input type="file" name="pic[]" accept="image/*" id="u_f">b<br> 
<button type="button" class="btn btn-info" id="btn1"> 
<span class="glyphicon glyphicon-plus"></span> 
</button> 

klicken Hier ist meine Jquery

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
     $("#u_f").append(" <input type='file' name='pic' accept='image/*' id='u_f' />b<br>."); 
     // alert('hi'); 

    }); 

Answer 1

Das #u_f Element ist ein input, so dass Sie keinen Inhalt zu ihm append() haben können. Wenn Sie versuchen, eine andere Datei-Eingabe hinzufügen, können Sie insert(), verwenden insertAfter(), oder einen der anderen DOM Einführungsmethoden:

$("#btn1").click(function() { 
 
    $('<input type="file" name="pic" accept="image/*" />b<br>').insertBefore(this); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="pic[]" accept="image/*">a<br /> 
 
<input type="file" name="pic[]" accept="image/*">b<br /> 
 
<button type="button" class="btn btn-info" id="btn1"> 
 
<span class="glyphicon glyphicon-plus">+</span> 
 
</button>

Beachten Sie auch, dass ich die id Attribute entfernt weil du sie mit dem hinzugefügten Inhalt duplizieren würdest, der den HTML ungültig machen würde.

Answer 2

$(document).ready(function(){ 
 
    $("#btn1").click(function(){ 
 
    $("#u_f").parent().append($("<input/>",{type:"file",name:"pic",accept:'image/*',id:'u_f'})).append("b<br>"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" class="btn btn-info" id="btn1"> 
 
<span class="glyphicon glyphicon-plus">+</span> 
 
</button> 
 
<hr> 
 
<input type="file" name="pic[]" accept="image/*" >a<br> 
 
<input type="file" name="pic[]" accept="image/*" id="u_f">b<br>