Restrict attachments size on single catalog item

[MonicaW]

I have a catalog item where we want to restrict the size of all attachments to 12 MB total.  I tried using the attachment variable, but it only allows the selection of ONE attachment.  I want the ability to add multiple attachments using the built-in "add attachments" on the catalog item itself and have it calculate the size of all of them and restrict it to 12 MB.

I found the following code that I put in an onSubmit script, but it's not working - perhaps I need to change more elements than the var maxAttachmentSizeMB = 12; line?

>>>>>>>>>>>>>>>>>>>>>>>>>

function onSubmit() {
var attachments = this.angular.element("#sc_cat_item").scope().attachments; // Adjust element ID as needed
var submitForm = false;
var maxAttachmentSizeMB = 12; // Set your desired limit in MB

attachments.forEach(function(attachment){
var sizeBytes = parseInt(attachment.size_bytes);
var sizeMB = sizeBytes / (1024 * 1024); // Convert bytes to MB.
var sizeString = String(attachment.size_bytes); // Get the size as a string to include the units
alert(sizeString);

if(sizeMB > maxAttachmentSizeMB){
alert(attachment.file_name + ' is too large. Maximum allowed size is ' + maxAttachmentSizeMB + ' MB.');
submitForm = false;
}
});
return submitForm;
}

[Rafael Batistot]

Hi @MonicaW 

You’re very close, but there are a couple of issues with your script:

1. You’re checking each attachment individually, but you want the total size of all attachments.
2. submitForm is initialized as false — so even if everything is fine, your form won’t submit. You need to start with true and only block when the limit is exceeded.
3. The Angular reference (#sc_cat_item) may not always resolve properly, depending on portal vs platform UI. Sometimes you need to use g_form APIs instead.
4. You’re alerting size in raw bytes, but that won’t help the end user.

Here’s a cleaned-up version you can try as a catalog client script → onSubmit:

function onSubmit() {
// Max size in MB
var maxAttachmentSizeMB = 12;
var maxBytes = maxAttachmentSizeMB * 1024 * 1024;

// Get all attachments for this form
var attachments = this.angular.element("#sc_cat_item").scope().attachments || [];

var totalSize = 0;

attachments.forEach(function(attachment) {
totalSize += parseInt(attachment.size_bytes || 0);
});

if (totalSize > maxBytes) {
alert("Total attachment size exceeds " + maxAttachmentSizeMB + " MB. " +
"Please remove some files before submitting.");
return false; // Block submission
}

return true; // Allow submission
}

Notes:

• return false will stop submission.
• This checks total size, not per-file size.
• If you want both (e.g., per file < 10 MB, total < 12 MB), you can add another check inside the loop.
• Make sure this is a Catalog Client Script → type: onSubmit attached to your item.