Javascript 将多个图像（文件）从一个文件输入分配到另一个文件输入-上载

当我从对话框中选择要上传的每个文件时，我已经成功地上传了代码，使用AJAX可以完美地工作。因此，每个上传都有自己的表单和输入文件（上传按钮），如下所示。当前代码按顺序上传文件，因为用户可以选择多张照片，但不能一起上传。&我使用Javascript中带有setTimeout的排队算法来检查第一次上传是否完成，以开始第二次上传，第三次上传，依此类推

<form id="form1">
    <input type="file" id="userfile1" name="userfile[]" multiple/>
</form>

<form id="form2">
    <input type="file" id="userfile2" name="userfile[]" multiple/>
</form>
.
.
.

现在，我如何将第二个选定图像分配给第二个输入文件

userfile2

因为我想像以前一样继续上传？它与我无关，我了解到更新输入文件存在安全问题，但我需要指定用户选择的内容，而不是路径

我不想将FromData与AJAX一起使用，因为这将导致更改我的所有代码，而且它不兼容像我的代码这样的所有浏览器

非常感谢你的帮助

无法使用

javascript

将

文件

对象分配给

input type=“File”

元素。看<代码>文件对象应由用户选择。可以从从

多个
文件
选择返回的
文件列表
中选择单个或多个
文件
对象，并将所选文件作为单独的过程发送到服务器


document.querySelector（“输入[名称=文件]”）
.addEventListener（“更改”，函数（事件）{
var files=Array.prototype.slice.call（event.target.files），
过滤=[]；
对于（var i=0；i0）已筛选。推送（文件[i]）
};
如果（过滤的长度）{
console.log（文件，已过滤）；
filtered.forEach（函数（文件）{
//做事
})
}
})
无法使用
javascript
将
文件
对象分配给
输入类型=“File”
元素。看<代码>文件
对象应由用户选择。可以从从
多个
文件
选择返回的
文件列表
中选择单个或多个
文件
对象，并将所选文件作为单独的过程发送到服务器


document.querySelector（“输入[名称=文件]”）
.addEventListener（“更改”，函数（事件）{
var files=Array.prototype.slice.call（event.target.files），
过滤=[]；
对于（var i=0；i0）已筛选。推送（文件[i]）
};
如果（过滤的长度）{
console.log（文件，已过滤）；
filtered.forEach（函数（文件）{
//做事
})
}
})

document.querySelector（“输入[名称=文件]”）
.addEventListener（“更改”，函数（事件）{
var files=Array.prototype.slice.call（event.target.files），
过滤=[]；
对于（var i=0；i0）已筛选。推送（文件[i]）
};
如果（过滤的长度）{
console.log（文件，已过滤）；
filtered.forEach（函数（文件）{
//做事
})
}
})

document.querySelector（“输入[名称=文件]”）
.addEventListener（“更改”，函数（事件）{
var files=Array.prototype.slice.call（event.target.files），
过滤=[]；
对于（var i=0；i0）已筛选。推送（文件[i]）
};
如果（过滤的长度）{
console.log（文件，已过滤）；
filtered.forEach（函数（文件）{
//做事
})
}
})
@现代解决方法是从返回的
文件列表
中选择特定的
文件
对象，使用
文件读取器
，
Blob
，或
XMLHttpRequest
克隆文件，并使用所选文件执行单独的任务非常感谢，但很抱歉，我没有让您恢复正常，请您提供一个代码，我将提交正确的答案？感谢您的帮助。谢谢，这将用JavaScript完成，对吗？还有一件事，有没有类似操作的源链接？我今天在尝试和搜索时失去了双眼。不，它不会将
文件
对象分配给第二个
输入
；这是不可能的。可以筛选选定的文件并对这些文件执行单独的过程，例如，使用
ajax
上载您可以使用
Promise
仅在第一次上载完成时执行第二次上载，或者使用每次上载的进度条异步执行上载，请参阅@moderns解决方法是从返回的
文件列表中选择特定的
文件
对象，使用
文件读取器
，
Blob
，或
XMLHttpRequest
克隆文件，并使用所选文件执行单独的任务非常感谢，但很抱歉，我没有让您满意，请您提供一个代码，我将提交正确的答案？感谢您的帮助。谢谢，这将用JavaScript完成，对吗？还有一件事，有没有类似操作的源链接？我今天在尝试和搜索时失去了双眼。不，它不会将
文件
对象分配给第二个
输入
；这是不可能的。可以筛选选定的文件并对这些文件执行单独的过程，例如，使用
ajax
上载您可以使用
Promise
仅在第一次上载完成时执行第二次上载，或者使用进度条异步执行每次上载，请参阅
userfile2