将HTML文件对象从一个<input type = file>传递给另一个

Question

我想在一个表单中实现一个多文件上传器,其中我想要文件,以便用户可以排序文件的优先级(我使用可拖动和可排序的Jquery工具).

因此我添加了一个多文件输入:

<input type = "file" multiple>

现在,当我选择一些文件时,会显示已选择3个文件.但是当我选择3个文件时,我希望将文件上传器拆分为3个部分,以便用户可以相应地设置优先级顺序.

为此,我使用了以下类型的代码:

$('.files').change(function(e){
var filesSelected = e.target.files;
if(filesSelected.length > 1){ //if user selects multiple files, then automatically split the files into multiple divs so that he/she may do the ordering of files
    //Here I want to create a list of  all the files and implement the draggable and sortable thing.
}
});

情况是,我无法拆分FileList的对象数组并将每个对象分配给另一个输入.

希望我明白我的疑问,这个问题是可以理解的,因为这是我第一次在任何这样的论坛上发帖.

Answer 1

您不能以<input type="file">编程方式设置值。这将是一个主要的安全流程。想象一下，某个网站会自动从您的计算机上传任意文件。

Answer 2

从我收到的帖子和简短的讨论来看，很明显，以编程方式设置文件值会造成安全威胁，因此不是一个好的选择。就解决我的问题而言，最好是找到一种方法来创建多个 div/字段，其中包含正在上传的文件的文件名，然后在该组 div 中应用拖/放/排序功能。这样，用户可以轻松地对文件进行优先级排序，并且在保存表单时，在将文件数据保存到数据库中之前应考虑包含优先级的数组/字段。

感谢响应者的快速响应。