HTML

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1");
</script>
<link href="dropzone.css" media="screen" rel="stylesheet" type="text/css">
<script type="text/javascript" src="dropzone.js"></script>


<script type="text/javascript">
$(function(){
  // ドロップエリア外でのドロップを無効にする
  $(document).on("drop dragover", function(e){
    e.stopPropagation();
    e.preventDefault();
  });

  // ファイルアップロード
  Dropzone.options.upload = {
    parallelUploads: 1, // 何ファイルずつアップロードするか
    acceptedFiles: "image/*,text/*", // 許可 MEME TYPE
    maxFiles: 1, // 1度にアップロードできるファイルの数
    maxFilesize: 0.5, // 1つのファイルの最大サイズ(メガ)
    autoProcessQueue: false, // 登録ボタンを押すまでアップロードをストップ
  };
  var dz = new Dropzone("div#upload",{url:"upload.php"});

  // 説明を一緒に送信
  dz.on("sending", function(file,xhr,formData) {
    var desc = $("#desc").val();
    formData.append("desc", desc);
  });

  // アップロード開始
  $("#upload_submmit").on("click", function(){
    dz.processQueue();
    return false;
  });
});
</script>



<div>ファイルアップロード</div>
<div id="upload" class="dropzone"></div>

<div>説明</div>
<textarea id="desc"></textarea>

<div>
  <input type="submit" id="upload_submmit" value="アップロード">
</div>