あなたはこれを使うことができます
<input type="file" id="myfile" accept="image/gif, image/jpeg, image/png, image/jpeg" />
しかし、これを使用します。ユーザーはいつでもフィルターを変更できます。さらに、javascriptまたはjqueryを使用して検証する必要があります。
<script type ="text/javascript">
var validFiles=["bmp","gif","png","jpg","jpeg"];//array of allowed extensions
function OnUpload()
{
var obj = document.getElementById("myfile");
var source=obj.value;
var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
for (var i=0; i<validFiles.length; i++)
{
if (validFiles[i]==ext)
break;
}
if (i>=validFiles.length)
{
alert("This not a valid file upload file with an extention of one of the following:\n\n"+validFiles.join(", "));
return false;
}
return true;
}
</script>