Add accept attribute to file inputs

app/views/settings/_profile.haml

@@ -8,7 +8,7 @@
         .pull-left
           %img.avatar-lg.mr-3{ src: current_user.profile_picture.url(:medium) }
         .media-body
-          = f.file_field :profile_picture, label: t('views.settings.profile.avatar')
+          = f.file_field :profile_picture, label: t('views.settings.profile.avatar'), accept: APP_CONFIG[:accepted_image_formats].join(',')
 
       .row#profile-picture-crop-controls{ style: 'display: none;' }
         .col-sm-10.col-md-8
@@ -25,7 +25,7 @@
         .col
           %img.mw-100.mr-3{ src: current_user.profile_header.url(:mobile) }
         .col-xs-12.mt-3.mt-sm-0.pl-3.pr-3
-          = f.file_field :profile_header, label: t('views.settings.profile.header')
+          = f.file_field :profile_header, label: t('views.settings.profile.header'), accept: APP_CONFIG[:accepted_image_formats].join(',')
 
       .row#profile-header-crop-controls{ style: 'display: none;' }
         .col-sm-10.col-md-8

config/justask.yml.example

@@ -59,3 +59,12 @@ hcaptcha:
 
 # TOTP Drift period in seconds
 otp_drift_period: 30
+
+accepted_image_formats:
+  - image/jpeg
+  - .jpg
+  - .jpeg
+  - image/png
+  - .png
+  - image/gif
+  - .gif