Limit file upload to picture from mobile camera

[AlEll]

Hi! I´m reviewing Caspio as an alternative for my company business processes. In a particular use case, I need to limit the file upload type to only accept/allow in situ pictures taken with the phone camara. This, since it´s very important that older or faked pictures shouldn´t be uploaded or stored on the phones memory.

I´ve already searched on the documentation, but found nothing. I guess I missed something or maybe there is some JS code to achive this.

[PotatoMato]

Hi ,

I found this HTML code to only upload image using camera: <input type="file" accept="image/*"  capture="camera"> , you may insert the code on the HTML block. I am not quite sure about saving the file using Javascript.

Here's the link for reference: https://stackoverflow.com/questions/23916566/html5-input-type-file-accept-image-capture-camera-display-as-image-rat

-Potato

[astroboy]

Hi, I'm not sure if this is exactly what you are looking for but checking this HowTo article might help you get into the right direction:

https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/restrict-file-types-that-can-be-uploaded-in-a-datapage/?_ga=2.181311975.1956344429.1635905633-421076417.1617304582

[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!