輸入多個文件並將它們分離爲單獨的表格

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)