upload profile image in the registration form

@goradagency

Yes you can upload a profile photo with a code snippet from UM/Extended:

https://github.com/ultimatemember/Extended

@missveronicatv thank you, I’m not familiar with these files. should I upload all of them to my site?

also, I used this code, do you think it’s enough?

/**
* 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 );

	} 

}

after reviewing all the files in the link you sent, I think this is the code I should add right ?

<?php
/*
Plugin Name: Ultimate Member - Enable Profile Photo in Register form
Plugin URI: https://ultimatemember.com/
Description: Enable users to upload their profile photo in Register form
Version: 1.0.0
Author: UM Devs
Author URI: https://ultimatemember.com
*/

if ( ! defined( 'ABSPATH' ) ) exit;

/**
* 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', 999999, 1 );
function um_registration_set_profile_photo( $user_id ){

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

    $profile_photo = array_slice(scandir($user_basedir), 2);
    
	if( empty( $profile_photo ) ) return;

	foreach( $profile_photo as $i => $p ){
		if (strpos($p, 'profile_') !== false && strpos($p, '_photo') !== false ) {
			$profile_p = $p;
		}
	}

	if( empty( $profile_p ) ) return;

    $image_path = $user_basedir . DIRECTORY_SEPARATOR . $profile_p;
    
    $image = wp_get_image_editor( $image_path );

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

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

    $quality = UM()->options()->get( 'image_compression' );
    
	if ( ! is_wp_error( $image ) ) {
			
		$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 );

	} 
	// var_dump([
	// 	'user_id' => $user_id,
	// 	'image_path' => $image_path,
	// 	'profile_photo' => $profile_photo,
	// 	'raw' => $_REQUEST
	// ]);
	// wp_die('test');

}

add_filter("um_image_upload_handler_overrides__profile_photo", "um_register_profile_change_filename", 9999 );
function um_register_profile_change_filename($upload_overrides){

    //if( ! is_user_logged_in() ){
        $hashed = hash('ripemd160', time() . mt_rand( 10, 1000 ) );
        $upload_overrides['unique_filename_callback'] = str_replace( "_temp", "_{$hashed}temp", $upload_overrides['unique_filename_callback'] );
   // }

    return $upload_overrides;
}

@goradagency

Yes the
“Plugin Name: Ultimate Member – Enable Profile Photo in Register form”
is the upload profile photo plugin.

Next step is to zip this plugin directory
Upload the zippped plugin to WP Admin > Plugins

Thank you so much for your help.

Thanks for letting us know. I’m marking this as resolved now.

Regards,