Restrict the file type of the file upload

[NeoInJS]

I have a submission for and I want to restrict my users to upload Word and PDF files only. May I know if there the JS that I can use to implement this? Thank you.

[Vitalikssssss]

14 hours ago, NeoInJS said:

I have a submission for and I want to restrict my users to upload Word and PDF files only. May I know if there the JS that I can use to implement this? Thank you.

Hi NeolnJS,

You can find a solution here.

Hope this helps.

[NeoInJS]

Thank you so much.

[GoodBoy]

Hello,

Just to share, there is an online article for this kind of inquiry: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/restrict-file-types-that-can-be-uploaded-in-a-datapage/

[NailDyanC]

Hi, just to update this post. Caspio has a new article about restricting file uploads: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/restrict-file-types-that-can-be-uploaded-in-a-datapage/

[Kurumi]

Hi - Just wanted to share this solution. If you want to restrict file type in multiple fields, just like in this article: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/restrict-file-types-that-can-be-uploaded-in-a-datapage/ 

You can use this code:

<script type="text/javascript">

var files = Array.from(document.querySelectorAll('#InsertRecordFIELDNAME1, #InsertRecordFIELDNAME2, #InsertRecordFIELDNAME3, #InsertRecordFIELDNAME4, #InsertRecordFIELDNAME5'));

var extensions = ['pdf'];

files.forEach(function(el) {
el.addEventListener('change', function(e) {

var ext = this.value.match(/.([^.]+)$/)[1];

if (!extensions.includes(ext)){

alert('Invalid file format. Please upload PDF only.');

this.value = '';

}
});});

</script>

Hope it helps!
 

[Flowers4Algernon]

Hi! Just wanted to share this forum post that could be helpful: