wordpressにて実装している予約フォームについてです。
登録画面から確認画面へのデータの引継ぎ、渡し方がわからず、質問させて頂きます。
実現したいこと
1 予約ページに、写真を撮って、jpg,pngをアップ →確認ページに飛ぶ
2 確認ページに、登録したデータをそのまま、<input type="file">に反映 (readonly状態) → 画像ファイル送信
実装したコード
functions.php
php
1function form_post() { 2 if(isset($_POST)){ 3 $postArray = json_encode($_POST, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); 4 echo '<script>var postArray = '. $postArray .';</script>'; 5 } 6} 7add_shortcode('form', 'form_post');
1、登録ページ page-img.php
html
1<form name="myform1" action="/result" method="post" class="formadress" enctype="multipart/form-date"> 2<input type="file" name="files" multipart> 3<button type="submit">確認画面へ<button>
2、確認ページ page-result.php
html
1<form name="myform2" action="" method="post" class="formadress" enctype="multipart/form-date"> 2<input type="file" name="files" multipart> 3<button type="submit">送信<button>
php
1<?php echo do_shortcode('[form]'); ?>
jQuery
1<script> 2 jQuery(function($) { 3 //配列から値を取得 4 var files = postArray['files']; 5 //値をフォームに入力 6 $('input[name="files"]').val(files); 7}); 8</script>
出来なかったこと
確認ページの<input type="file">に 予約ページで入れた、画像データが入らない。(空白)
何か良い方法はないでしょうか?