如何设置上传的图片?

时间:2017-05-19 09:15:49

标签: javascript jquery html css upload

我的HTML代码如下:

<router-link tag="li" to="/function" :event="[]">
  <ul>
    <router-link tag="li" to="/function/a"><a>Function A</a></router-link>
    <router-link tag="li" to="/function/b"><a>Function B</a></router-link>
  </ul>
</router-link>

我的javascript代码如下:

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

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

我的情况是这样的:

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

  • 单击加号图标并选择5图像,然后从第一个框到第五个框显示5个图像。加号图标将丢失

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您希望遍历图像数组,然后将每个图像附加到每个框中。