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
php
1<div id="my-awesome-dropzone" class="dropzone"></div> 2 3<script> 4Dropzone.autoDiscover = false; 5Dropzone.options.myAwesomeDropzone = { 6 paramName : "file", // input fileの名前 7 parallelUploads:1, // 1度に何ファイルずつアップロードするか 8 acceptedFiles:'image/*,application/pdf', // 画像だけアップロードしたい場合 9 maxFiles:10, // 1度にアップロード出来るファイルの数 10 maxFilesize:0.5, // 1つのファイルの最大サイズ(1=1M) 11 dictFileTooBig: "ファイルが大きすぎます。 ({{filesize}}MiB). 最大サイズ: {{maxFilesize}}MiB.", 12 dictInvalidFileType: "画像ファイル以外です。", 13 dictMaxFilesExceeded: "一度にアップロード出来るのは10ファイルまでです。", 14 }; 15 // urlは実際に画像をアップロードさせるURLパスを入れる 16 var myDropzone = new Dropzone("div#my-awesome-dropzone",{url:"<?= $this->Url->build(['controller'=>'Medias', 'action'=>'upload']) ?>"}); 17 }); 18}); 19</script>
MediasComtroller の upload アクション
php
1 public function upload() { 2 $file = $this->request['file']; 3 $ds = DIRECTORY_SEPARATOR; 4 if(!empty($file)){ 5 $tempFile = $file['tmp_name']; 6 $targetPath = dirname( __FILE__ ) . $ds . '..' . $ds . '..' . $ds . 'webroot' . '$ds' . 'files' . $ds . 'medias' . $ds; 7 $targetFile = $targetPath . $file['name']; 8 move_uploaded_file($tempFile,$targetFile); 9 } 10 }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。