Html中file实现多文件上传

今天遇到一个问题要用file实现多文件上传，实现效果需要把file控件用span或则div来遮盖

实现效果如图：

实现的代码如下：

 <div id="uploadImg" class="uploadImg">
        <input type="file" id="file1" name="file1" size="1" class="file" />
        <a href="#">上传文件</a>
    </div>

当然到这里只是实现了单文件上传，有关样式的设置请看 File input 的样式和文字的更改方法__适用于Firefox、IE等浏览器

需要我们用js来动态创建file控件。由于file控件的特殊性，它不能通过clone来创建（ie下不可以，ff下可以）。还有一点就是新建的file控件必须放到div里面第一个元素。

具体的代码如下：