Topic: Refresh Page after Change Profile Photo & Cover Image · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Refresh Page after Change Profile Photo & Cover Image

Jeremy Siow
Participant

@jeremyssy

8 years, 8 months ago

WP version: WordPress 4.4
BP version: Buddypress Version 2.4.3

Hi,

I am developing a WordPress site with Buddypress profile function. One thing is that when I upload a new profile photo or cover image, the page doesn’t refresh and show the new image. I need to refresh the page after successful upload to view the new uploaded image.

I want to insert a code to refresh the page after each successful upload. Any help on which file and function is the function to uploading avatar & cover image?

Cheers,
Jeremy

Viewing 5 replies - 1 through 5 (of 5 total)

Henry Wright
Moderator

@henrywright

8 years, 8 months ago
Any help on which file and function is the function to uploading avatar & cover image?

These classes both extend BP_Attachment:
- https://github.com/buddypress/BuddyPress/blob/master/src/bp-core/classes/class-bp-attachment-avatar.php
- https://github.com/buddypress/BuddyPress/blob/master/src/bp-core/classes/class-bp-attachment-cover-image.php
Jeremy Siow
Participant

@jeremyssy

8 years, 8 months ago

I have found both the functions as per your advice. But I still can’t seem to refresh the page after successful upload. Is it save to presume that I need to do this in the Javascript file, namely avatar.js and cover-image.js? If so, which function will I need to insert the refresh page code then?

Many thanks on your help.

Henry Wright
Moderator

@henrywright

8 years, 8 months ago

You could create a mini plugin for this which uses wp_enqueue_script to enqueue a custom script.

Ref: https://codex.wordpress.org/Writing_a_Plugin
modemlooper
Moderator

@modemlooper

8 years, 8 months ago
You use JavaScript and hook into Ajax

This is not tested but should get you on right path
```
$(document).ajaxComplete( function( event, xhr, settings ) {
  if ( settings.action === "avatar ajax action" ) {
    // reload page code
  }
});
```
Jeremy Siow
Participant

@jeremyssy

8 years, 8 months ago

Hi modemlooper,

Which file should I be putting this JavaScript code?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Refresh Page after Change Profile Photo & Cover Image’ is closed to new replies.