restrict file input with javascript

(0) Share

Report

Posted on by knparksnyc

I'm trying to restrict a file input on my power pages to just word documents. The JavaScript I use gives an alert when it is not a word document but still add the file. The preventdefault has no effect on the file upload. is their a way to prevent the file from being attach anyway.

var LimitFileUpload = function(fieldName, fileEvent){
    try{
        const allowedExtensions = ['doc', 'docx'];
const fileInput = document.getElementById(fieldName);
 
   const file = fileEvent.target.files[0];
  const fileExtension = file.name.split('.').pop().toLowerCase();
  
  if (!allowedExtensions.includes(fileExtension)) {
    alert('Invalid file type. Only word documents are allowed.');
    fileEvent.target.value = ''; // Clear the file input
    fileEvent.preventDefault();
    return false;
  }
    }
    catch(error)
    {
        errorHandler(error);
    }
}

Categories:

General

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Fubar 8,224 Super User 2025 Season 2 on at

Like (0)

Report

restrict file input with javascript

What type of file upload are you using? (Notes attachment, or File field)

If using Notes you should be able to set the Mime types that are accepted - if not exposed in the Designer use the Power Pages Management app (I have had issues in the Designer where the mime type option doesn't show sometimes). Also if using notes there can be multiple places depending on how it is being implemented e.g. basic form has a general Notes section, but if using a Metadata record for Notes has areas under the Create & Edit dialogs.

Was this reply helpful? Yes No
knparksnyc 31 on at

Like (0)

Report

restrict file input with javascript

@Fubar

Thanks for reply. I have an input file with chose file button that opens a dialog to choose a file, not using notes:

Was this reply helpful? Yes No

Join the conversation

Community site session details

restrict file input with javascript

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Chiara Carbone – Community Spotlight

Congratulations to the September Top 10 Community Leaders!

Leaderboard > Power Pages

Featured topics

Product updates

Community site session details

restrict file input with javascript

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Chiara Carbone – Community Spotlight

Congratulations to the September Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Power Pages

Featured topics

Product updates