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