Limit uploaded file size and scale

For now there is no way to do this. If you need now, you will need to modify my plugin, the function “bxcft_updated_profile” is responsible of uploading the image. There you can find the image size and returning an error if you want.

Anyway, I take a note of this request, and I think about it for future releases…

Thanx a lot Donmik for your attention and for your concern.
Currently, I just changed the css. My skills do not allow me to do more ??

Thank you again.

Hi!
First, thank you for your awesome plugin, donmik!

Second, I wanted to add an image size upload limit of 1MB and the only thing I had to do in the plugin “bxcft_updated_profile” function was to add:

&& $_FILES['field_'.$field_id]['size'] < 1000000

after this code:

// Handles image field type saving.
 if (isset($_FILES['field_'.$field_id]) && $_FILES['field_'.$field_id]['size'] > 0 .......here......... ) {...

I hope this helps others with the same problem ?? !

Ah, also if you want to scale the image view in the profile edit section add width=”300″ for example between the src and alt:
<img src="<?php echo $uploads['baseurl'] . bp_get_the_profile_field_edit_value(); ?>" width="300" alt="<?php bp_the_profile_field_input_name(); ?>" />

The rest can be done with CSS to display the image in your html!

Have fun!

Thanks! I will add this tip to the faq in next update. ??

I found this very useful… I do have one question in reference to borisnov’s tips tho…

Where are you referring to when you say “in the profile edit section add width….”

I was able to locate the image field type saving section but no luck finding the profile edit section…

Thanks!!

He is probably talking about when you display the image in edit profile form. You need to look into this function “bxcft_edit_render_new_xprofile_field” in my plugin. Search this code:

if (bp_get_the_profile_field_edit_value() != '') {
                $actual_image = sprintf('<img src="%s" alt="%s" /><label for="%s_deleteimg"><input type="checkbox" name="%s_deleteimg" id="%s_deleteimg" value="1" />%s</label><input type="hidden" name="%s_hiddenimg" id="%s_hiddenimg" value="%s" />',
                                        $uploads['baseurl'].bp_get_the_profile_field_edit_value(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        __('Check this to delete this image', 'bxcft'),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_edit_value());
            } else {
                $actual_image = '';
            }

And between src and alt attributes you can write the width attribute like this:

if (bp_get_the_profile_field_edit_value() != '') {
                $actual_image = sprintf('<img src="%s" width="300" alt="%s" /><label for="%s_deleteimg"><input type="checkbox" name="%s_deleteimg" id="%s_deleteimg" value="1" />%s</label><input type="hidden" name="%s_hiddenimg" id="%s_hiddenimg" value="%s" />',
                                        $uploads['baseurl'].bp_get_the_profile_field_edit_value(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        __('Check this to delete this image', 'bxcft'),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_input_name(),
                                        bp_get_the_profile_field_edit_value());
            } else {
                $actual_image = '';
            }

I believe this is what you are looking for.

I was able to find that, however it did not apply any changes and since his coding was written as an img src with more details I assumed I was in the wrong place…

I was able to accomplish the scaling via css max-width and max-height tho so my issue is solved ??

Thank you very much for your assistance!!

Hi Cassey’s Designs,

Please could you let me know how you managed the scale through css;
thanks!

Hi familysp,

I did some editing to the php file .profile-loop.php, I rewrote the loop to display fields the way I wanted them displayed. I used a table for the images (I have two that display on the profile page).

I assigned a class to the two td’s that would be displaying the images…

<table id="transformationpics">
          <tr class="pics">
            <th class="picsTitle">Before Photo</th>
            <th class="picsTitle">After Photo</th>
          </tr>
          <tr>
            <td class="picDisplay"><center><?php bp_profile_field_data('field=Before Photo'); ?></center></td>
            <td class="picDisplay"><center><?php bp_profile_field_data('field=After Photo'); ?></center></td>
          </tr>
        </table>

Then in my child-themes’ style.css I applied the following styles to limit the max-width and height (marked important to over-ride other img styles that were applying, the other styles are to add a white border with a shadow…

.picDisplay img{
	border:15px #ffffff solid;
	box-shadow:2px 2px 5px #999;
	margin:0 auto;
	max-width:350px!Important;
	max-height:400px!Important;
}

The following image is the result of the above coding in those files…
The first image originally overlapped the second and went outside of the main column into my sidebar area…

Note * You could also use lists instead of tables but since I was only displaying two images the table was easier…

Hope this helps,
Cassey

Thank you for explaining this! That’s great.

My pleasure…

Note* You may already know this but just in case, Make sure both of these files are in your child theme so that your changes are not erased with any buddypress updates.

Hello everyone, I ran your suggestions but the image scale only in the BuddyPress “edit profile” BuddyPress, when you look the “View profile” picture is not scaled and staggers around the theme.

I think it will be better to open a new thread and give some screenshots or url, then I can help you. This thread is too old, and maybe the solution here is not good for you…