javascript - 如何设置上传的图片？

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

您想遍历图像数组，然后将每个图像附加到每个框。