HTML5 可以直接在 input 欄位設定可以接受的檔案格式,只要在 accept 屬性裡加上允許的檔案格式副檔名就好了。
這樣的話則是都沒有限制:
<input type="file" accept="">
限制只能上傳 .jpg 格式的檔案:
<input type="file" accept=".jpg">
設定之後只要不是 .jpg 格式的就不能選取,要包含複數的格式只要用 , 分開就好了。
<input type="file" accept=".jpg, .png">