Home / Questions / 100051
Accepted
Juan Pinzón
Asked: 2020-09-06 07:54:58 +0800 CST 2020-09-06 07:54:58 +0800 CST

How to restrict the type of file to upload in an input html file?

  • 772

I want to upload images to my server, the upload works normally, however I want to restrict the type of file to upload, in such a way that it only allows me to select jpeg images when the file selection window opens.

html5

1 Answers

  1. Best Answer

    The accept attribute of the input tag can be used. To accept files of type jpeg, the following code can be used.

    <input type="file" name="myImage" accept="image/jpeg" />

    To allow any kind of images you can use the following code

    <input type="file" name="myImage" accept="image/*" />

    accept

    This attribute indicates the file types that the server accepts, otherwise it will be ignored. The value must be a list of unique content types, separated by commas:

    • A file extension, starting with the STOP character (U+002E). (Examples: ".jpg, .png, .doc")
    • A valid MIME type with no extensions
    • audio/*, which represents HTML5 audio files
    • video/*, which represents HTML5 video files
    • image/*, which represents HTML5 image files

    The browser versions that support this attribute are the following:

    browsers

    • 9