質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.51%
CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

5348閲覧

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

Shinroh

総合スコア61

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2016/03/30 01:50

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 }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

すみません、解決しました。

bakeで生成したController内にCsrfコンポーネントの読み込みがありました。

php

1$this->loadComponent('Csrf'); 2

この記述があるとCSRF対策用のトークンがhiddenフィールドでわたさなければならないようです。
詳しくは以下のサイトにありました。
http://easyramble.com/csrf-component-with-cakephp.html

コメントアウトしたら普通に200が返るようになりました。
お騒がせしました。

投稿2016/03/30 02:14

編集2016/03/30 02:15
Shinroh

総合スコア61

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.51%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問