Restrict file types in PWA Camera from "@ionic/pwa-elements" when selecting local image

Puma · April 15, 2021, 12:55pm

I’m using the camera implementation in @ionic/pwa-elements in an Ionic/Capacitor/Angular PWA. Is it possible restrict allowed filetypes (e.g. only jpeg , png ) when users choose to select a local file ?

mhartington · April 15, 2021, 1:09pm

It’s setup at the moment to only allow selecting images as a valid format

github.com

ionic-team/pwa-elements/blob/6e1394a00b891a0242fea1f41b151681f1012d2a/src/components/camera/camera.tsx#L466-L471


<input
  type="file"
  id="_pwa-elements-file-pick"
  onChange={this.handleFileInputChange}
  accept="image/*"
  class="pick-image-button" />

Puma · April 15, 2021, 7:08pm

Thanks, would it somehow be possible to configure exclusion of e.g. image/gif from accepted formats?

mhartington · April 16, 2021, 2:10pm

Mmn, no, not at the moment. If you go to the pwa elements repo, you could open an issue for it?

Puma · April 19, 2021, 7:48am

I will do. Thanks for your reply

Topic		Replies	Views
Input type file not working as expected ionic-v1	1	1015	December 17, 2015
Input Type file does not display camera option in android Ionic Angular	0	46	March 7, 2025
In input type file is does not shows the option of camera in android platform Ionic Angular	19	23531	September 26, 2023
Multiple selection of specific type of files! Ionic Native	0	722	August 7, 2019
Filter the type of files that's displayed in FileChooser Ionic Native	2	1312	July 19, 2021

Restrict file types in PWA Camera from "@ionic/pwa-elements" when selecting local image

Related topics