BOOTSTRAP UPLOADS

Hi!
Tell me how to add a limit on the total size of uploaded files in "SELECT MULTIPLE ITEMS" and a ban on certain types of files.

Also when using any form with reCAPTCHA v2 from google when you click on "send" without confirming reCAPTCHA v2 a red notification appears, when passing reCAPTCHA v2 and pressing "send" the same red notification appears, but at the same time the sending occurs.
contact-5-recaptcha.html

Guys?

1. You can consider using the maxFileSize Setting: https://plugins.krajee.com/file-input/plugin-options#maxFileSize for the Uploads Component.

Can you explain in more detail how to apply this feature and in which document I need to make changes?

I found this solution but it doesn't fit the new version of form.php

// Runs only when File Field is present in the Contact Form
if ( isset( $_FILES['template-contactform-file'] ) && $_FILES['template-contactform-file']['error'] == UPLOAD_ERR_OK ) {

	$allowed_files = array('application/doc', 'application/pdf', 'another/type');

	if( !in_array( $_FILES['template-contactform-file']['type'], $allowed_files ) ) {
		echo '{ "alert": "error", "message": "File type not allowed! Please Try Again." }';
		die;
	}

	if( $_FILES["template-contactform-file"]["size"] > 4000000 ) { // 4MB
		echo '{ "alert": "error", "message": "File Size exceeds the Limit! Please Try Again." }';
		die;
	}

	$mail->IsHTML(true);
	$mail->AddAttachment( $_FILES['template-contactform-file']['tmp_name'], $_FILES['template-contactform-file']['name'] );
}

<script >
$(document).ready(function() {

		$("input-3").fileinput({
			maxFileSize: "24000KB",
			msgSizeTooLarge: "File "{name}" (<b>{size} KB</b>) exceeds maximum allowed upload size of <b>{maxSize} KB</b>. Please retry your upload!"
		});
		
	});

</script>

???

this code is not working

		$(document).ready(function() {

			$("input-3").fileinput({
				maxFileSize: 24000,
				msgSizeTooLarge: 'File "{name}" (**{customSize}**) exceeds maximum allowed upload size of **{customMaxSize}**. Please retry your upload!'
			});
			
		});

	

On this form, this code does not work at all

	
	

	
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 

	
	
- 

	
- 
	

	
	Bootstrap Uploads | Canvas

	
	

		
		

			
				Bootstrap Uploads
				
					
- [Home](#)
					
- [Shortcodes](#)
					
- Bootstrap Uploads
				
			

		

		
		
			
				

					
						
						

							
								
								
									Select Multiple Items:

									
									
								

								
							

						

					

				
			
		

	

	
	

	
	
	

	
	

	
	

	
		$(document).ready(function() {
			$("input-3").fileinput({
				showPreview: false,
				maxFileSize: 24000,
				msgSizeTooLarge: 'File "{name}" (**{customSize}**) exceeds maximum allowed upload size of **{customMaxSize}**. Please retry your upload!'
				elErrorContainer: "#errorBlock"
			});

		});

	

Even your code doesn't work on this form
<div id="errorBlock" class="form-text"></div> - Has been added to the form

$("#input-3").fileinput({
				showPreview: false,
				allowedFileExtensions: ["zip", "rar", "gz", "tgz"],
				elErrorContainer: "#errorBlock"
			});

	
	

	
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 

	
	
- 

	
- 
	

	
	Bootstrap Uploads | Canvas

	
	

		
		
			
				

					
						
						

							
								
									Change size of whole widget:

									
								
							

						
					

				
			
		

		

	

	
	

	
	
	

	
	

	
	

	
		$(document).ready(function() {
			

			$("#input-6").fileinput({
				showUpload: false,
				maxFileCount: 20,
				maxFileSize: 24000,
				msgSizeTooLarge: 'File "{name}" (**{customSize}**) exceeds maximum allowed upload size of **{customMaxSize}**. Please retry your upload!',
				showCaption: true
			});
		});

	

This code works.

But I can't seem to get this code to work. msgSizeTooLarge: 'File "{name}" (**{customSize}**) exceeds maximum allowed upload size of **{customMaxSize}**. Please retry your upload!'

Where can I edit this notice?

It's outrageous! The first time I contacted with your support and you did not help me at all!

I waited 3 days to get a response from you that does not work. I had to spend 4 hours to understand your code and solve the problem myself!

Were you too lazy to send me these lines of code?

$("#input-6").fileinput({
				showUpload: false,
				maxFileCount: 20,
				maxFileSize: 24000,
				msgSizeTooLarge: 'File "{name}" (**{customSize}**) exceeds maximum allowed upload size of **{customMaxSize}**. Please retry your upload!',
				showCaption: true,
				elErrorContainer: "#errorBlock"
			});

I'm shocked by your customer service.

I only needed 2 lines of code from you...

$(document).ready(function() {

$(“input-3”).fileinput({
maxFileSize: “24000KB”,
msgSizeTooLarge: “File “{name}” (**{size} KB**) exceeds maximum allowed upload size of **{maxSize} KB**. Please retry your upload!”
});

});

To this incorrect piece of code, you answered that it is correct ...

For gmohdezb, you rewrote almost half of form.php
https://support.semicolonweb.com/forums/topic/contact-form-attachment-file-size/

I won't argue with you. But all this is sad.

Yes! Everything works thank you very much!

Sorry! Give me a couple of minutes.

Everything works thank you very much!