Image Size Validation for Multiple Images on Form

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem:

The issue here is that the user wanted to Validate the image field sizes.

Solution:

The correct solution for this can be seen below.

add_action('cred_form_ajax_upload_validate', 'toolset_max_img_size_restriction_521_529_528',10,2);
function toolset_max_img_size_restriction_521_529_528($error_fields, $form_data) {
  $forms = array( 521,529,528 );
  
  // Field data are field values and errors
  list($fields,$errors)=$error_fields;
  if (in_array($form_data['id'], $forms ) && isset($_FILES['wpcf-image-1']['tmp_name']) ) {
    $target_max_width = 300;
    $target_max_height = 300;
    $check = getimagesize( $_FILES['wpcf-image-1']['tmp_name'] );
  
    if ( $check !== false ) {
        // check the dimensions only, independent of the orientation.
        // if the height is greater than the width, switch the values for comparison.
        $width = ($check[0] >= $check[1]) ? $check[0] : $check[1];
        $height = ($check[1] < $check[0]) ? $check[1] : $check[0];
 
        if ( $width > $target_max_width || $height > $target_max_height ) {
            $errors['image-1'] = __("Your image exceeds the permissible dimensions. Please resize and try again.");
        }
    }
  }
  $field_data = array($fields,$errors);
  //return result
  return $field_data;
}

This support ticket is created Il y a 6 années et 4 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Marqué : Content-submission forms, Toolset Forms

Ce sujet contient 2 réponses, a 2 voix.

Dernière mise à jour par julieP Il y a 6 années et 4 mois.

Assisté par: Shane.

Auteur

Publications

août 15, 2018 at 7:11 am #1083580

julieP

I've used/tweaked the hook described in this thread https://toolset.com/forums/topic/featured-image-size-validation-in-form/ (that was assigned to Christian) to show an error message to user if they upload an image that exceeds certain dimensions. I have multiple images on the form (wpcf-image-1, wpcf-image-2, wpcf-image-3), how do I amend my code to include these additional images please?

add_action('cred_form_ajax_upload_validate', 'toolset_max_img_size_restriction_521_529_528',10,2);
function toolset_max_img_size_restriction_521_529_528($error_fields, $form_data) {
  $forms = array( 521,529,528 );
 
  // Field data are field values and errors
  list($fields,$errors)=$error_fields;
  if (in_array($form_data['id'], $forms ) && isset($_FILES['wpcf-image-1']['tmp_name']) ) {
    $target_max_width = 300;
    $target_max_height = 300;
    $check = getimagesize( $_FILES['wpcf-image-1']['tmp_name'] );
 
    if ( $check !== false ) {
        // check the dimensions only, independent of the orientation.
        // if the height is greater than the width, switch the values for comparison.
        $width = ($check[0] >= $check[1]) ? $check[0] : $check[1];
        $height = ($check[1] < $check[0]) ? $check[1] : $check[0];

        if ( $width > $target_max_width || $height > $target_max_height ) {
            $errors['image-1'] = __("Your image exceeds the permissible dimensions. Please resize and try again.");
        }
    }
  }
  $field_data = array($fields,$errors);
  //return result
  return $field_data;
}

Thank you

août 15, 2018 at 3:59 pm #1083888

Shane

Supporter

Les langues: Anglais (English )

Fuseau horaire: America/Jamaica (GMT-05:00)

Hi Julie,

Thank you for contacting our support forum.

What you need to do is to add another conditional for each image fields.
Like this

add_action('cred_form_ajax_upload_validate', 'toolset_max_img_size_restriction_521_529_528',10,2);
function toolset_max_img_size_restriction_521_529_528($error_fields, $form_data) {
  $forms = array( 521,529,528 );
  
  // Field data are field values and errors
  list($fields,$errors)=$error_fields;
  if (in_array($form_data['id'], $forms ) && isset($_FILES['wpcf-image-1']['tmp_name']) ) {
    $target_max_width = 300;
    $target_max_height = 300;
    $check = getimagesize( $_FILES['wpcf-image-1']['tmp_name'] );
  
    if ( $check !== false ) {
        // check the dimensions only, independent of the orientation.
        // if the height is greater than the width, switch the values for comparison.
        $width = ($check[0] >= $check[1]) ? $check[0] : $check[1];
        $height = ($check[1] < $check[0]) ? $check[1] : $check[0];
 
        if ( $width > $target_max_width || $height > $target_max_height ) {
            $errors['image-1'] = __("Your image exceeds the permissible dimensions. Please resize and try again.");
        }
    }
  }

  if (in_array($form_data['id'], $forms ) && isset($_FILES['wpcf-image-2']['tmp_name']) ) {
    $check2 = getimagesize( $_FILES['wpcf-image-2']['tmp_name'] );
    if ( $check2 !== false ) {
        // check the dimensions only, independent of the orientation.
        // if the height is greater than the width, switch the values for comparison.
        $width = ($check2[0] >= $check2[1]) ? $check2[0] : $check2[1];
        $height = ($check2[1] < $check2[0]) ? $check2[1] : $check2[0];
        if ( $width > $target_max_width || $height > $target_max_height ) {
            $errors['image-2'] = __("Your image exceeds the permissible dimensions. Please resize and try again.");
        }
    }
  }
 if (in_array($form_data['id'], $forms ) && isset($_FILES['wpcf-image-3']['tmp_name']) ) {
    $check3 = getimagesize( $_FILES['wpcf-image-3']['tmp_name'] );
    if ( $check3 !== false ) {
        // check the dimensions only, independent of the orientation.
        // if the height is greater than the width, switch the values for comparison.
        $width = ($check3[0] >= $check3[1]) ? $check3[0] : $check3[1];
        $height = ($check3[1] < $check3[0]) ? $check3[1] : $check3[0];
        if ( $width > $target_max_width || $height > $target_max_height ) {
            $errors['image-3'] = __("Your image exceeds the permissible dimensions. Please resize and try again.");
        }
    }
  }
  $field_data = array($fields,$errors);
  //return result
  return $field_data;
}

Please try this and let me know.

Thanks,
Shane

août 16, 2018 at 8:01 am #1084470

julieP

Works like a dream - thank you!