输入多个文件并将它们分成单独的表单

Question

我之前发布了similar question但没有得到任何合适的解决方案。

我简化了要求：

1. 用户可以选择多个文件
2. 从所选文件中，将每个文件放在单独的表单中
3. 单独提交每份表格

我正在努力实现第二步。任何帮助都会很棒。欢迎所有想法。

Answer 1

行中的一些事情......

HTML：

<input type="file" multiple onchange="handleFiles(this.files)">

JavaScript的：

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

使用引用组件的一些示例：

Using_files_from_web_applications(MDN)

DOM/FileReader(MDN)