🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

CakePHP

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

セッション

Sessionはクライアントがサーバに送ったすべてのリクエストのことを指します。

Q&A

解決済

3回答

6233閲覧

フォーム入力(画像、動画)→確認画面→修正ボタン→入力欄が消えないようにする為について

kipipipi

総合スコア60

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

CakePHP

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

セッション

Sessionはクライアントがサーバに送ったすべてのリクエストのことを指します。

0グッド

1クリップ

投稿2019/09/20 06:07

cakePHP3を使用して、ユーザーの名前や画像、動画をアップデートさせて保存させるシステムを作っています。

現在セッションを使い、確認画面から戻っても名前やアドレスが入力欄に残ったままになるようにできています。

しかし、動画や画像は再選択させてしまうようになっています。
以前はhtmlの方で

html

1button type="button" onclick=history.back()

を使うことによって全て保持できていたのですが、色々仕様によってコントローラーの方でridirect指示をして入力画面に戻るようになっています。

テンポラリから消えてしまうこと分かっているので、入力されたデータ(名前やアドレス、動画名など)はセッションに
画像動画自体のファイルは別フォルダに移動(保存)もできています。

この状態で再選択させないようにする方法はありますか?

また、

html

1button type="button" onclick=history.back()

をした時はアップロードを扱うアクションから一度抜けているにも関わらずにデータをテンポラリ(他の場所?)に保持出来たのでしょうか?
(再選択する必要がなかったので、そう思いました。)

ご回答いただけると嬉しいです。
よろしくお願いします。

環境は
Mac os Mojave 10.14.3
cakePHP3.8.3
PHP7.3.1
mamp 5.3
mysql (確認中です。)

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

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

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

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

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

guest

回答3

0

ベストアンサー

リダイレクトでの復帰時に、input[type=file] コンポーネントの選択状態を戻すことはできませんが、セッションに格納したファイル(ファイルパス)をフォームに表示することによって選択済とユーザーに伝えることはできます。

表示用の画像としてフォームのPOST時点で、アップロードファイルからサムネイル画像を作成しておくといいと思います。

確認画面からの保存処理では、セッションに格納したファイルパスを利用して処理を行えばよいです。

投稿2019/09/20 08:27

nojimage

総合スコア959

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

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

kipipipi

2019/09/20 12:02

ご回答ありがとうございます! 私も名前だけ表示させれば良いのかなと思ったのですが、type=file のもはvalueに値を持たせることができず、どうやれば表示できるのかまだ調べている段階です。。。 現在のルーティング(?)は、アップロードして確認ボタンを押された時にテンポラリから画像動画ファイルを移動し、セッションに細かなデータを保存。 リダイレクトでアクションを変えて確認画面を出力。 確認画面で修正ボタンを押された時に一度アップロードされた先ほどの画像動画ファイルを削除。リダイレクトでアップロード画面に戻る。この時にセッションに保存されたデータをHTMLのvalueに載せて入力欄に表示。 といった流れです。 よって動画を再選択してもらった方が本当は楽ですが、そうもいきません。。。 修正ボタンを押された段階で画像動画ファイルを削除しなければ何とかなるのかな?とは考えています。 つまり、リダイレクトでアップロード画面に戻された時にファイル名だけでも表示して、移しておいた画像動画ファイルを巧くすれば何とかなる。 で大丈夫でしょうか。。。??
guest

0

セキュリティ上ファイルの選択などは引き継ぐことはできません。

  • 選択状態を残したいなら、ページ遷移をせずに確認画面とするか
  • 確認画面の時点で先に送ってしまってセッションで処理するか
  • ファイル以外をさきにチェックさせ入力が終わってからファイルを選択させる2段階方式にするか

でしょうか
同様にパスワードも再入力画面に入力状態を引き継いではいけません

投稿2019/09/20 06:14

編集2019/09/20 06:22
yambejp

総合スコア116661

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

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

kipipipi

2019/09/20 11:17

ご回答ありがとうございます! セキュリティ面でやっては行けないものだったのですか。。。 セキュリティ面は全然考えていなかったので勉強するキッカケになりました! 2つ目のご回答がイマイチぴんときていないのですが、もう少し噛み砕いて頂けますでしょうか?お手すきの時で構いませんので、よろしくお願いします。
yambejp

2019/09/20 11:22

セッションとは送ったデータを一時的にサーバーに取っておく機能です ファイルを送信し、確認画面がでたときにはすでにサーバーにファイル相当のデータが保持されます さらに入力画面にもどってもデータが残っているので、 再選択しないでも確定画面まで保持されているということです
guest

0

何とかセッションで情報を保持し、裏で色々動画を移動することで対処しました!パスワードやfile系はセキュリティの面で記録していけないというのはとても良いアドバイスをいただけました。先輩方、ありがとうございました!!

投稿2019/09/28 22:09

kipipipi

総合スコア60

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問