<!-- Browse button -->
<div class="input-group-append">
<label class="btn btn-outline-secondary mb-0">
Browse <input type="file" id="category_image" name="category_image"
accept="image/jpeg, image/png, image/gif, image/webp" hidden>
</label>
</div>
Why does the above filtering display:
I have not heard of:
jfif
is short for JPEG File Interchange Format, and also uses the image/jpeg
MIME type.
pjp
and pjpeg
are both extensions for JPEG files, that also use the same MIME type (side note: old IE versions actually used image/pjpeg
instead).