jQueryなどを用いてフォルダごとのアップロードを行う場合に

複数のファイルをアップロード、とりわけフォルダまるごとをアップロードしたい場合等のサンプルプログラムを、いくつかのjQueryを用いたものとして見つけることはできました。

ところが、それらは、すべて、ドラッグ&ドロップを行ったら直ちにファイルのアップロードが起こってしまいます。

ドラッグ&ドロップで、一旦送信する準備をして、ファイルやフォルダに関するコメントを入力した後、「送信」ボタンで送信する。

という事を可能にする方法ってどうすれば良いのでしょうか？
一度、どこかの変数に送信をする予定のファイルの情報を保存しておく必要などがあって大変なのではないか？と想像しています。

行動規範の内容に同意します

回答1件

ベストアンサー

一度、どこかの変数に送信をする予定のファイルの情報を保存しておく必要などがあって大変なのではないか？と想像しています。

お察しの通り、

lang
1<div ondrop="upload(event)></div>
2<script>
3  function upload(e){
4    // upload処理
5  }
6</script>

的な処理がなされているところを、送信ボタンが押されたらアップロードするといった感じに書き換えてやればいけるかと思います。

lang
1<div ondrop="setfile(event)></div>
2<form>
3  <input type="text" name="description">
4  <button id="sbmt">submit</button>
5</form>
6
7<script src="jquery.min.js"></script>
8<script>
9  var datastore;
10  function setfile(e){
11    datastore = e.dataTransfer.files;  //どこか適当な変数に逃がすなど
12  }
13  
14  $("#sbmt").click(function(){
15    //アップロード処理
16  });
17</script>

※コードはニュアンスをお伝えする用の手抜きです。

投稿2015/02/12 10:36

編集2015/02/12 10:37

munyaX

総合スコア783

退会済みユーザー

2015/02/12 11:55

ありがとうございます。概ね考え方が合っていたということで安心いたしました。 e.dataTransfer.filesというオブジェクトをdatastoreに保存する。というところはわかるのですが、アップロード処理のところで datastoreの内容をどうやってアップロードするのか。と言うことを調べてみます。