以前に同様の質問を投稿しましたが、適切な解決策がありませんでした。
要件を簡略化しました:
- ユーザーが複数のファイルを選択する機能
- 選択したファイルから、各ファイルを個別のフォームに配置します
- 各フォームを個別に送信する
私は2番目のステップだけを達成するのに苦労しています。どんな助けでも素晴らしいでしょう。すべてのアイデアを歓迎します。
以前に同様の質問を投稿しましたが、適切な解決策がありませんでした。
要件を簡略化しました:
私は2番目のステップだけを達成するのに苦労しています。どんな助けでも素晴らしいでしょう。すべてのアイデアを歓迎します。
行のいくつかのこと...
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)
}
引用されたコンポーネントの使用に関するいくつかの例: