0

ユーザーがアップロードするファイルを参照するためのボックスがあり、次に「ファイルを追加」リンクがある Web サイトを見てきました。ユーザーがリンクをクリックすると、別のボックスが表示され、ユーザーは別のファイルを選択できます。また、ユーザーは [ファイルを追加] をクリックしてボックスを追加し続けることができます。彼らはどのようにこれを行うのですか？

バックエンドとして Ruby on Rails を使用しています。

4

2 に答える 2

1 
<div id="filePickers">
  <input type="file" name="files[]">
  <input type="file" name="files[]">
  <input type="file" name="files[]">
</div>

params[:files]サーバーに投稿されると、ファイルの配列として表示されます。

さらに必要な場合は、Javascript をどこかのボタンにバインドして、新しい入力を追加します。

// jQuery for brevity
$('#filePickers').append('<input type="file" name="files[]">');
于 2012-11-20T19:34:15.683 に答える
0

これは、2 つの HTML5 API に基づく HTML5 の「ドラッグ アンド ドロップ アップロード」です。

ここで手動で実装するためのチュートリアルを見つけることができます

ただし、 jquery-filedropなどのように、既に実装されているライブラリを使用することをお勧めします。

于 2012-11-20T19:32:51.687 に答える