将存储在数组中的文件追加到HTML文件输入[jQuery]

Question

我正在创建jQuery拖放上传。到目前为止，我已经完美地创建了所有内容，并将文件存储在数组中。

这是最后一步：

$('.single-product form.cart').submit(function(e){
        e.preventDefault();
        console.table(files);

        $('.wcfu-validation').hide();

        var filetypes = ['image/png'];

        $.each(files, function(key, value, e){
            if($.inArray(value.type, filetypes)){
                $('.wcfu-validation').show();
            } else {
                $('input[type="file"]').prop('files', files);
            }
        });
    });

在这里，我正在检查上传的文件是否在可接受的文件类型数组中，如果是，那么我们可以遍历files数组中的每个文件并附加到HTML { {1}}输入。

但是，出现此错误：

如果上传2个PNG文件，以下是我的数组的示例：

我在做什么错了？