I solved this problem by modifying de bbpress-login widget.My users can upload their fotos in the front-end by clicking on their avatar-photo, that is displayed in the sidebar.
The info is from here: https://wordpress.org/support/topic/plugin-user-photo-front-end-upload
I am aware this it is not the most elegant way, but this is how I fixed it:
1) I installed the WP-prettyPhoto plugin (maybe this is not necesary, but I think I need it )
2) activate the bbpress-login widget by putting it in the sidebar (in the WP admin section)
3) I addded this script to my sidebar.php: (in my case in wp-content/themes/inove/)
<script type="text/javascript">
function user_avatar_refresh_image(img){
jQuery('#user-avatar-display-image').html(img);
}
</script>
<script type='text/javascript'>
var swrAjax = {
ajaxurl: "http://www.yoursite.com/wp-admin/admin-ajax.php"
};
</script>
4) add jquery to the head section:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script>
5) I added these lines to wp-content/plugins/bbpress/bbp-includes/bbp-core-widgets.php, just
after “<?php else : ?>” (line 132):
(this will show the avatar when the user is logged in)
<div id="user-avatar-display" >
<p id="user-avatar-display-image"><?php echo get_avatar( bbp_get_current_user_id(), '100' ); ?></p>
</div>
<?php
echo ‘Upload avatar
‘;
You have to configure the css for a nice layout.
