如何设置上传的图片？

Question

我的html代码是这样的：

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

我的javascript代码是这样的：

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

演示和完整代码如下：http://jsfiddle.net/oscar11/daq37/11/

我的情况是这样的：

• 当我点击加号图标并选择 2 张图像时，2 张图像将出现在第一个框和第二个框。而加号图标将在第三个框上移动

• 当我单击加号图标并选择 5 个图像时，从第一个框到第五个框将出现 5 个图像。而加号图标将丢失

我该怎么做？

Answer 1

您希望循环遍历图像数组，然后将每个图像附加到每个框。