введите несколько файлов и разделите их на отдельные формы.

Question

Ранее я опубликовал similar question, но не получил подходящего решения.

Я упростил требование:

1. Возможности для пользователя, чтобы выбрать несколько файлов
2. из выбранных файлов, поместите каждый файл в индивидуальной форме
3. Отправить каждую форму отдельно

Я изо всех сил стараюсь достичь 2-го шага. Любая помощь будет большой. Все идеи приветствуются.

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)