cakephp3 ドラッグアンドドロップの実装

Cakephp3側のMediasControllerのuploadアクションを作り、indexアクションからDropzone.jsを使用してドラッグアンドドロップでアップロードを実装しようと思いましたがうまくいきません。

Chromeの開発者ツールでドラッグアンドドロップ時に帰ってくるレスポンスを見てみると403 Forbidden が返ってきます。メッセージの「CSRF token mismatch.」もどのような場合にでるものなのかよくわかっておりません・・・。

Chromeのレスポンス
{
    "message": "CSRF token mismatch.",
    "url": "\/medias\/upload",
    "code": 403
}

この場合の対処法をご教示願いますm(__)m

Dropzone.js
http://www.dropzonejs.com/

index.ctp

<div id="my-awesome-dropzone" class="dropzone"></div>

<script>
Dropzone.autoDiscover = false;
Dropzone.options.myAwesomeDropzone = {
      paramName : "file",         // input fileの名前
      parallelUploads:1,            // 1度に何ファイルずつアップロードするか
      acceptedFiles:'image/*,application/pdf',   // 画像だけアップロードしたい場合
      maxFiles:10,                      // 1度にアップロード出来るファイルの数
      maxFilesize:0.5,                // 1つのファイルの最大サイズ(1=1M)
      dictFileTooBig: "ファイルが大きすぎます。 ({{filesize}}MiB). 最大サイズ: {{maxFilesize}}MiB.",
      dictInvalidFileType: "画像ファイル以外です。",
      dictMaxFilesExceeded: "一度にアップロード出来るのは10ファイルまでです。",
    };
    // urlは実際に画像をアップロードさせるURLパスを入れる
    var myDropzone = new Dropzone("div#my-awesome-dropzone",{url:"<?= $this->Url->build(['controller'=>'Medias', 'action'=>'upload']) ?>"});
  });
});
</script>

MediasComtroller の upload アクション

public function upload()  {
        $file = $this->request['file'];
        $ds = DIRECTORY_SEPARATOR;
        if(!empty($file)){
              $tempFile = $file['tmp_name'];
              $targetPath = dirname( __FILE__ ) . $ds . '..' . $ds . '..' .  $ds . 'webroot' . '$ds' . 'files' . $ds . 'medias' . $ds;
              $targetFile =  $targetPath . $file['name'];
              move_uploaded_file($tempFile,$targetFile);
        }
    }