Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 输入多个文件,并将它们分隔成单独的表单_Javascript_Html_File_Input - Fatal编程技术网

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)
}