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

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

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

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

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

Q&A

解決済

2回答

367閲覧

CakePHP3でUpload Pluginを使用した時のバリデーションエラーなどで戻った際の再選択をなくしたい

samuraiders

総合スコア63

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

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

0グッド

0クリップ

投稿2018/09/27 16:19

編集2018/09/27 16:21

前提・実現したいこと

CakePHP3でUpload Pluginを使用しております。
基本的なことは問題なく行えて満足しているのですが、バリデーションエラーが発生し元の画面に戻った際、フォームで選択した画像が消えてしまい、再度選択する必要があります。

Upload Pluginを使用することを前提に、上記で再選択する行為をなくし、画像を引き継ぐことができますか?

HTMLの仕様上、 <imput type"file"> に対して値をセットできないことは承知しております。

Upload Pluginにこだわらなければいいことなのですが、実装する画面が多くなるべくPluginで済ませられるのであればいいなと思い質問致しました。

何かしらエラーが発生しているわけではないので、お見せできるコードもあまりないですが、Upload Pluginでやっていることを載せたいと思います。

php

1class ImagesTable extends Table 2{ 3 public function initialize(array $config) 4 { 5 parent::initialize($config); 6 7 $this->addBehavior('Josegonzalez/Upload.Upload', [ 8 'image' => [ 9 'path' => '{DS}webroot{DS}img{DS}{model}{DS}{field}{DS}', // 保存先指定 10 'nameCallback' => function ($data, $settings) { // リネーム 11 $ext = mb_strtolower(pathinfo($data['name'], PATHINFO_EXTENSION)); 12 return md5(uniqid(rand(), 1)) . '.' . $ext; 13 } 14 ] 15 ]); 16 } 17 18 public function validationDefault(Validator $validator) 19 { 20 21 $validator->provider('upload', \Josegonzalez\Upload\Validation\DefaultValidation::class); 22 23 $validator 24 ->requirePresence('image', 'create') 25 ->allowEmpty('image') 26 ->add('image', [ 27 'uploadedFile' => [ 28 'rule' => ['uploadedFile', ['types' => ['image/jpeg', 'image/png']]], 29 'last' => true, 30 'message' => 'jpeg , png のみアップロード可能です。' 31 ], 32 'fileAboveMinHeight' => [ 33 'rule' => ['isAboveMinHeight', 84], 34 'provider' => 'upload', 35 'last' => true, 36 'message' => '画像は124×84のものを使用してください。' 37 ], 38 'fileBelowMaxHeight' => [ 39 'rule' => ['isBelowMaxHeight', 84], 40 'provider' => 'upload', 41 'last' => true, 42 'message' => '画像は124×84のものを使用してください。' 43 ], 44 'fileAboveMinWidth' => [ 45 'rule' => ['isAboveMinWidth', 124], 46 'provider' => 'upload', 47 'last' => true, 48 'message' => '画像は124×84のものを使用してください。' 49 ], 50 'fileBelowMaxWidth' => [ 51 'rule' => ['isBelowMaxWidth', 124], 52 'provider' => 'upload', 53 'last' => true, 54 'message' => '画像は124×84のものを使用してください。' 55 ] 56 ]); 57 58 return $validator; 59 } 60}

よろしくお願いいたします。

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2018/09/27 23:57

非同期通信つかえよ・・・
samuraiders

2018/09/28 03:24

おっしゃるとおりですが、その方法はわかってますが、Pluginでできるならそっちの方が楽と判断してからです。
guest

回答2

0

自己解決

ご回答頂いた皆様ありがとうございました。
結局、非同期通信で実装するのがベストとし、質問をクローズしたいと思います。

投稿2018/10/01 08:42

samuraiders

総合スコア63

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

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

0

通信方法の是非はともかくとして、そもそもバリデーションエラーに引っかかった画像を再表示させたい理由とは何でしょうか?
バリデーションエラーにかかったということはアップロード不可能な画像なんですよね?

今回のようにユーザーのための便利機能であれば、js側でやってしまえばいいのです。
サーバー側に送った後のチェックは必要ですが、バリデーションなどはjs側で出来ることです。
以下のようなイメージでjsでバリデーションエラーならアップロードさせなくすればいいのです

html

1<input id="fUpload" multiple type="file"/> 2<input id="sendBtn" type="button" value="送るボタン"/><br/>

js

1$("#sendBtn").on('click', function () { 2 var fp = $("#fUpload"); 3 var lg = fp[0].files.length; 4 var items = fp[0].files; 5 if (lg > 0) { 6 for (var i = 0; i < lg; i++) { 7 var fileName = items[i].name; // ファイル名を取得 8 var fileSize = items[i].size; // ファイルサイズを取得 9 var fileType = items[i].type; // ファイルのタイプを取得 10 } 11 // 取得したファイル情報でバリデーション 12 // 送信ボタンの無効・有効化切り替え処理 13 } 14});

投稿2018/09/28 02:01

mikan_s4n

総合スコア377

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

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

samuraiders

2018/09/28 03:23

ご回答ありがとうございます。 言葉足らずで申し訳ございません。 バリデーションエラーにかかった場合というのは画像の項目に限らず、他の項目でかかった場合も同様に画像の再選択が必要であるためその様に記載しておりました。 やはり、他の項目も同様にですが、JSでバリデーションかけるのがいいんですかね。
mikan_s4n

2018/09/28 04:54

他の項目でエラーになった場合に画像の再選択というのは確かにユーザ側からすると煩わしいですね。 この「ユーザ側からすると煩わしい」というのがポイントになるので、やはりJSでバリデーションを掛けた方がいいですね。 jsを使えば1項目の入力が終わったら、changeイベントを拾ってバリデーションを掛けて即座にエラー内容を表示することもできるので、ユーザーからすると分かりやすいです。 今回のケースのファイルアップロードのように、値を返却しても変更できないようなものは画面側でバリデーションを掛けて遷移しないようにするのがベストですかね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問