Comment puis-je définir l'image téléchargée?

Question

Mon code html comme ceci:

<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 
... 

Mon code javascript comme ceci:

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

Code Demo et complet comme celui-ci: http://jsfiddle.net/oscar11/daq37/11/

Mon cas comme celui-ci:

• Lorsque je clique sur l'icône plus et sélectionne 2 images puis 2 images il apparaîtra dans la première boîte et la deuxième boîte. Alors que l'icône plus se déplace sur la troisième case

• Lorsque je clique sur l'icône plus et sélectionnez 5 images puis 5 images qui apparaîtront de la première case à la cinquième case. Alors que l'icône plus sera perdue

Comment puis-je le faire?

Answer 1

Vous souhaitez parcourir en boucle la série d'images, puis ajouter chaque image à chaque boîte.