Answered

How to retrieve file names from File Upload form

(0) Share

Report

Posted on by sss333

I have a basic file upload form which uploads one/multiple files to notes.

I need to fetch the file names user has chosen to upload and put a validation for if user has uploaded all the required files.

how do we retrieve the list of the file using custom js ? or are there any other way to achieve the same.

Categories:

Power Apps portals

I have the same question (0)

All responses (6)

Answers (1)

H V 1,510 on at

Like (1)

Report
Copy link

Link copied!
Hi @sss333

Go to Your Basic Form
Click on Additional Settings
Add below code in Custom JavaScript

$(document).ready(function() { $('#AttachFile').change(function() { var fileList = $('#AttachFile')[0].files; if(fileList.length > 0) { for (var i = 0; i < fileList.length; i++) { console.log(fileList[i].name); } } }); });

You can get file name using above code.

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!

Was this reply helpful? Yes No
sss333 16 on at

Like (0)

Report
Copy link

Link copied!

Thanks @hardikv , this worked.

Actually I am trying to check if user has uploaded required files and if not then show them an error message on top of my form.
Can you help on that too? how do I show an error message in case that file name validation part fails.

Was this reply helpful? Yes No
H V 1,510 on at

Like (0)

Report
Copy link

Link copied!

Hi @sss333

Can you please share screenshot of your form and inspect element of your field?

Was this reply helpful? Yes No
sss333 16 on at

Like (0)

Report
Copy link

Link copied!

Hi @hardikv

Just an update here. We have to validate no. of files the user should be able to upload and should not allow it to be more than 2. In case it is, we have to show an error message.

I have written this custom JS code and added to the advanced settings of my Basic Form(attachment enabled) but it does nothing when I select > 2 files or < 2 files.

$(document).ready(function(){
$("#AttachFile").change(validateFileNames);
validateFileNames();
});

function validateFileNames() {
const files = $("#AttachFile").files;
if(files.length!=2){
alert("Please select only 2 files");
}
}

Was this reply helpful? Yes No
Verified answer

H V 1,510 on at

Like (0)

Report
Copy link

Link copied!
Hi @sss333

Please use below code:
If you want to validate that user can not select more than 2 files at a time:

$(document).ready(function() { $('#AttachFile').change(function() { var fileList = $('#AttachFile')[0].files; if(fileList.length > 2) { $('#AttachFile').val(""); alert("You can not select more than 2 files."); } }); });

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!

Was this reply helpful? Yes No
H V 1,510 on at

Like (0)

Report
Copy link

Link copied!

Hi @sss333

Did that help to solve your issue? Can you mark as the answer so it helps other users?

Was this reply helpful? Yes No