HTML5 透過 accept 屬性設定上傳檔案的格式限制

分享:
標籤: HTML HTML5

HTML5 可以直接在 input 欄位設定可以接受的檔案格式,只要在 accept 屬性裡加上允許的檔案格式副檔名就好了。

這樣的話則是都沒有限制:

<input type="file" accept="">

 

限制只能上傳 .jpg 格式的檔案:

<input type="file" accept=".jpg">

設定之後只要不是 .jpg 格式的就不能選取,要包含複數的格式只要用 , 分開就好了。

<input type="file" accept=".jpg, .png">

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。