use of capture attribute in html input tag

Question

I would like to have an input html tag to allow my user to upload a image file or a pdf file or to capture a photo (and not a video or audio file). Is it possible to do such a thing ? I tried several codes (including the following one), but none of them work as expected

<input type="file" accept="images/*, .pdf" capture>

Answer 1

Check for the correct types here: https://www.iana.org/assignments/media-types/media-types.xhtml

You need these types:

 <input type="file" accept="image/*, application/pdf">

However, people will still be able to upload video files. You need serverside validation to prevent people to upload wrong files.