Unanswered

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 topics

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Fubar 8,319 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 43 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