アップロード画像の値が保存できない

Question

###問題question
「Anspress」というプラグインのuser投稿フォームにMedia uploeaderを作成しました。ここで画像選択およびアップロードはできるものの、その値が投稿した記事に保存されません。
下記 functions.php が問題で、それ以外（upload.jsとanslist.php）は大丈夫だと思います。

I am using 「Anspress」.
With this code I can upload the image but can not save it.
The problem is 【functions.php】 part.

###コードCode
▼【functions.php】

// Select image
function my_media_script(){
   wp_enqueue_media();
}
add_action( 'wp_enqueue_scripts', 'my_media_script' );

// Media uploeader@Anspress askform
function my_custom_question_field( $form ) {
$form['fields']['image'] = array(
  'html' => '<div class="select-img"></div>
  <div method="post">
	<div class="image-upload-wrap">
		<div class="image-preview-wrapper">
			<img id="image-preview-1" src="http://sample.com/wp-content/uploads/2018/08/first-img.jpg">
		</div>
		<input name="" id="upload_image_button-1" type="button" class="button upload_image_button" value="画像を選ぶ">
		<input type="hidden" name="image1" id="image_attachment_id-1" value="">
	</div>
  </div>',
);
return $form;
}
add_filter( 'ap_question_form_fields', 'my_custom_question_field' );

// Save 
function question_mysave( $post_id, $post ) {
global $validate;
if ( empty( $validate ) ) {
return;
}
$fields = $validate->get_sanitized_fields();

update_post_meta( $post_id, 'image', $fields['image'] );
}
add_action( 'ap_processed_new_question', array( $this, 'question_mysave' ), 0, 2 );
add_action( 'ap_processed_update_question', array( $this, 'question_mysave' ), 0, 2 );

▼【upload.js】

jQuery( document ).ready( function( $ ) {
	// Uploading files
	var file_frame;
	var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id
	var set_to_post_id = '<?php echo $my_saved_attachment_post_id; ?>'; // Set this
	jQuery('.upload_image_button').on('click', function( event ){
		event.preventDefault();
		// If the media frame already exists, reopen it.

		btn_id = $(this).attr('id');
		btn_no = btn_id.replace('upload_image_button-' , '');

		if ( file_frame ) {
			// Set the post ID to what we want
			//file_frame.uploader.uploader.param( 'post_id', set_to_post_id );
			// Open frame
			file_frame.open();
			return;
		} else {
			// Set the wp.media post id so the uploader grabs the ID we want when initialised
			//wp.media.model.settings.post.id = set_to_post_id;
		}
		// Create the media frame.
		file_frame = wp.media.frames.file_frame = wp.media({
			title: 'Select a image to upload',
			button: {
				text: 'Use this image',
			},
			multiple: false	// Set to true to allow multiple files to be selected
		});
		// When an image is selected, run a callback.
		file_frame.on( 'select', function() {
			// We set multiple to false so only get one image from the uploader
			attachment = file_frame.state().get('selection').first().toJSON();
			// Do something with attachment.id and/or attachment.url here
			$( '#image-preview-'+btn_no ).attr( 'src', attachment.sizes.thumbnail.url ).css( 'width', 100 );
			$( '#image_attachment_id-'+btn_no ).val( attachment.id );
			// Restore the main post ID
			//wp.media.model.settings.post.id = wp_media_post_id;
		});
			// Finally, open the modal
			file_frame.open();
	});

	// Restore the main ID when the add media button is pressed
	jQuery( 'a.add_media' ).on( 'click', function() {
		//wp.media.model.settings.post.id = wp_media_post_id;
	});

});

▼【anslist.php】

<figure>				
	<?php
	$imageid = get_post_meta($post->ID, 'image1', true);
	$url = wp_get_attachment_url( $imageid );
	echo '<img src="'.$url.'" alt="">';
	?>								
</figure>

###参考
プラグインページ
https://ja.wordpress.org/plugins/anspress-question-answer/

この問題について示されたページ
https://anspress.io/resources/faq/anspress-form-and-validation-api/

Comments

[namda]

タイトルには「カスタムフィールドの値を保存するメソッドが理解できない」とありますが、問題は「画像アップロードが出来ない」のように見えます。改題するとより回答が得やすくなるでしょう。

[skipping]

アップロードはできます。問題はアップロードした画像の値が、当該プラグインの投稿フォームにおいて保存されないことです。とは言えタイトルは仰るとおり分かりにくいですね。ご指摘感謝致します。

[namda]

細切れ指摘で申し訳ないですが、より良い回答のためにWordPressのタグも追加してください。

[skipping]

かしこまりました。ありがとうございます。

Answer 1

下記の $fields['image'] は $fields['image1'] の間違いっぽいですね。

update_post_meta( $post_id, 'image', $fields['image'] );

あと、このままだとバリデーションでエラーが出てしまうかもしれないので、下記のような感じのコードも必要じゃないかなと思います。

function my_ap_ask_fields_validation( $args ) {
	$args['image1'] = array(
		'sanitize' => array( 'only_int' ),
		'validate' => array( 'required' ),
	);

	return $args;
}
add_action( 'ap_ask_fields_validation', 'my_ap_ask_fields_validation' );

Comments

[skipping]

できませんでしたけれど、サニタイズとバリデーションが必要だったわけですね！ありがとうございます。もっと内容を簡易にして（画像でなくチェックボックスにして）再質問させて頂きます。