Javascript 输入多个文件,并将它们分隔成单独的表单
我已经发布了一个早期的解决方案,但没有得到任何合适的解决方案 我简化了要求: 用户能够选择多个文件 从选定的文件中,将每个文件放在单独的表格中 分别提交每份表格Javascript 输入多个文件,并将它们分隔成单独的表单,javascript,html,file,input,Javascript,Html,File,Input,我已经发布了一个早期的解决方案,但没有得到任何合适的解决方案 我简化了要求: 用户能够选择多个文件 从选定的文件中,将每个文件放在单独的表格中 分别提交每份表格 我只是在努力实现第二步。任何帮助都会很好。欢迎大家提出意见。有一些建议 HTML: 使用所引用组件的一些示例: 如果你能从你的另一个问题中分割文件,你也会在这里这样做。请不要发布重复内容:我猜您需要避免提交表单并使用ajax,因为出于安全原因,javascript无法设置文件输入。为此,您可能会使用文件API。@Scott S-目标是将
我只是在努力实现第二步。任何帮助都会很好。欢迎大家提出意见。有一些建议 HTML: 使用所引用组件的一些示例:
如果你能从你的另一个问题中分割文件,你也会在这里这样做。请不要发布重复内容:我猜您需要避免提交表单并使用ajax,因为出于安全原因,javascript无法设置文件输入。为此,您可能会使用文件API。@Scott S-目标是将该文件拆分并保存在一个表单中,直到用户只提交该特定表单为止,这是我目前无法做到的。@Prusse-感谢您提供的提示,我一直在看文件API。如果您能进一步解释我可以从文件API中准确使用的是什么,那就太好了?可能的副本
<input type="file" multiple onchange="handleFiles(this.files)">
function handleFiles(files){
//create/associates a form with each file ("files.length" files)
// ... do stuff ...
}
function doAllSubmits(){
// for each form call "doAsubmit"
}
function doASubmit(some_id, callback){
// instantiate a XmlHttpRequest
// (or use jquery or any other library you're using)
// use a POST method
// (if I remember GET has(may have) query size limitations)
// populate with the form data
// plus the respective file data
// (maybe with readAsDataURL)
}