2017-05-19 6 views
0

Mein HTML-Code wie folgt aus:Wie kann ich das hochgeladene Bild einstellen?

<div class="images"> 
    <figure> 
     <button id="upload-add-product" class="icon-plus"></button> 
     <input id="upload-file" type="file" style="display: none;" multiple/> 
    </figure> 
</div> 
<div 
... 

Mein JavaScript-Code wie folgt aus:

$("#upload-add-product").click(function(){ 
    $("#upload-file").click(); 
}); 
... 

Demo und Voll Code wie folgt: http://jsfiddle.net/oscar11/daq37/11/

Mein Fall wie folgt aus:

  • Wenn ich auf das Pluszeichen klicke und 2 Bilder auswähle, dann 2 Bilder wird es in der ersten und zweiten Box erscheinen. Das Plus-Symbol bewegt sich auf der dritten Box.

  • Wenn ich auf das Plus-Symbol klicke und 5 Bilder auswähle, erscheinen 5 Bilder von der ersten bis zur fünften Box. Während das Plus-Symbol verloren wird

Wie kann ich es tun?

+0

Sie sollten Elemente dynamisch erstellen – Satpal

+0

@Satpal, können Sie implementieren Antwort in JSfiddle. Weil ich immer noch verwirrt bin, es zu implementieren –

Antwort

0

Sie möchten das Array von Bildern durchlaufen und jedes Bild an jede Box anhängen.

+0

Sie können Sie in jsfiddle beantworten implementieren. Weil ich immer noch verwirrt bin, es zu implementieren –

Verwandte Themen