Smart Uploads in Gravity Forms

Go to WordPress Dashboard.

Click on the Forms section and hover to the Tab of New Forms.

A dialogue box will appear Create a New Form.

Write the Form Title and Form Description in the fields mentioned in the dialogue box.

After filling the required fields, click on Create New Form.

Now you will be directed to the Form Editor. On your left side you can find the standard fields, advanced fields, post fields and pricing fields providing you with plenty of fields. Just Drag and  Drop the fields you want to insert in your forms. The Forms are completely customizable according to your needs with plenty of fields.

You can find the feature of Smart Gallery in the Advanced Fields tab. Just Drag and Drop the Smart Gallery to the left side and place it wherever you want to.

Click on the drop-down shown on the Smart Gallery field.

You can write extensions as many of the image formats you want to get in the field of Allowed file extensions.

You can limit the number of files each user can upload in the field of Maximum Number of Files. 

You can specify the file size in the field of Maximum File Size.

Click on the Update button to get your settings saved.

On the front end you will see all the fields you have set up in the backend. Smart Gallery field will allow you to upload the images Smartly.

Multiple Images Upload

You can Drag & Drop OR Upload multiple images smartly.

Sort by Sequence

You can sort by sequence while staying in the Gravity Forms before submitting it.

Editing Feature

You can edit while staying in the Gravity Forms before submitting it.

By clicking Edit, you are allowed to Crop, Rotate, Remove while staying in the Front end of the form.

After making changes, click on Confirm on the Top right of the Pop up.

Now click on Submit. You will see a success message.

You are now able to see the images submitted by each user in the tab Entries under the Forms section.

The submitted forms show up like this

The admin receives an Email on each submission.

Here is an example code snippet to use hook

add_filter('gf_su_preload', 'my_preload_files_1_4' , 20, 3);
function my_preload_files_1_4( $value, $form_id , $field_id ){
if( $form_id == 1 && $field_id == 4 ){ // You must set the $form_id and $field_id in order to preload these values in specific place
// You can add as many attachment ids here using the same json format
return '[{"attachment_id":175},{"attachment_id":150}]';
} else {
return $value;
}
}