本稿はHTMLのinput要素でファイルを選択させる際に拡張子を限定させる方法を記載します。

input要素にaccept属性を付与することで拡張子を限定させることが出来ます。

accept="image/jpg"> accept=".jpg"> accept="image/*">

コンテントタイプの一覧はこちらを参照してください。