当我克隆文件输入时，克隆的输入不会保留上载的文件。 原始输入

Question

When I clone an input type file, It so happens that the file uploaded to the cloned input gets attached to the original input. Its as if the cloned input is representing and taking attachments for the original.

Im cloning it the following way: clonedInput = $('input[type=file]').clone(true) is it posible to clone a file input and use it independently? or is there another way to solve this.

On the dom, the user has the option to upload more than one file by clicking on a button that duplicates the first input, but the duplicate does not work because it attached the file to the original input.

Answer 1

使用multiple属性以单个input type="file"元素上载多个文件

<input type="file" multiple />

Answer 2

Try giving the cloned item a unique ID with something like this:

clonedInput = $('input[type=file]').clone(true).attr("id",function(i,oldVal) {
            return oldVal.replace(/\d+/,function(m){
                return (+m + 1);
            });

Answer 3

解决该问题的方法是使用.prop（“ outerHTML”）将html转换为字符串，然后使用$ .parseHTML（）将其转换回html元素，以便dom将其视为全新的元素。