Ultimate Member 2.0 - Add Profile Photo in Register Form

Ultimate Member 2.0 - Add Profile Photo in Register Form

/**
* Add new predefined field "Profile Photo" in UM Form Builder.
*/
add_filter("um_predefined_fields_hook","um_predefined_fields_hook_profile_photo", 99999, 1 );
function um_predefined_fields_hook_profile_photo( $arr ){


	$arr['profile_photo'] = array(
		'title' => __('Profile Photo','ultimate-member'),
		'metakey' => 'profile_photo',
		'type' => 'image',
		'label' => __('Change your profile photo','ultimate-member'),
		'upload_text' => __('Upload your photo here','ultimate-member'),
		'icon' => 'um-faicon-camera',
		'crop' => 1,
		'max_size' => ( UM()->options()->get('profile_photo_max_size') ) ? UM()->options()->get('profile_photo_max_size') : 999999999,
		'min_width' => str_replace('px','',UM()->options()->get('profile_photosize')),
		'min_height' => str_replace('px','',UM()->options()->get('profile_photosize')),
	);

	return $arr;

}

/**
 *  Multiply Profile Photo with different sizes
*/
add_action( 'um_registration_set_extra_data', 'um_registration_set_profile_photo', 9999, 2 );
function um_registration_set_profile_photo( $user_id, $args ){

	if ( empty( $args['custom_fields'] ) ) return;
	
	if( ! isset( $args['form_id'] ) ) return;

	if( ! isset( $args['profile_photo'] ) || empty( $args['profile_photo'] ) ) return;

	// apply this to specific form
	//if( $args['form_id'] != 12345 ) return; 


	$files = array();

	$fields = unserialize( $args['custom_fields'] );

	$user_basedir = UM()->uploader()->get_upload_user_base_dir( $user_id, true );

	$profile_photo = get_user_meta( $user_id, 'profile_photo', true ); 

	$image_path = $user_basedir . DIRECTORY_SEPARATOR . $profile_photo;

	$image = wp_get_image_editor( $image_path );

	$file_info = wp_check_filetype_and_ext( $image_path, $profile_photo );
 
	$ext = $file_info['ext'];
	
	$new_image_name = str_replace( $profile_photo,  "profile_photo.".$ext, $image_path );

	$sizes = UM()->options()->get( 'photo_thumb_sizes' );

	$quality = UM()->options()->get( 'image_compression' );

	if ( ! is_wp_error( $image ) ) {
			
		$max_w = UM()->options()->get('image_max_width');
		if ( $src_w > $max_w ) {
			$image->resize( $max_w, $src_h );
		}

		$image->save( $new_image_name );

		$image->set_quality( $quality );

		$sizes_array = array();

		foreach( $sizes as $size ){
			$sizes_array[ ] = array ('width' => $size );
		}

		$image->multi_resize( $sizes_array );

		delete_user_meta( $user_id, 'synced_profile_photo' );
		update_user_meta( $user_id, 'profile_photo', "profile_photo.{$ext}" ); 
		@unlink( $image_path );

	} 

}

Hello, I want to change the uploaded profile image dimension as it is showing Your photo is too small. It must be at least 600px wide.
I added the above code. Can anyone help me to resolve this?

Hello there.

This function works partially, but maybe it doesn't work how I want it because of how I set the registration up. Registration is not public, the users are added manually by the admins. The function does add a Profile Photo field in the register form, but it changes MY profile image, not adding image to the user I'm registering. Is there a way to make it work by adding the profile picture to the user I'm registering and not change my own profile image?

Thank you.

Hi,
Everything is almost working perfectly BUT..

On the account page when I upload, crop and then apply. When the lightbox/image upload disappears and the account page refreshes, the newly uploaded image shows very briefly (maybe for half a second) above the Upload button and then is quickly replaced by the old profile photo.
When entering password and clicking save everything works fine.

To clarify the problem is, after clicking Apply the newly uploaded image only shows briefly and is replaced by the old image (above the upload button).

Desperate for some help with this, am happy to pay!

Hi @s2353553 Does your site have any caching plugin? If so, please try disabling it and see if this is causing the issue.

Hi, thanks for your reply.. it turned out to be the require password setting in admin was stopping the image from being saved when the user clicks apply and the lightbox closes

hello @champsupertramp it show in registration form

but not shown in member direcories frontend no what to do??