input accept屬性限制文件上傳格式


上傳文件的類型;具體做法如下所示:

注意:accept屬性可以限制上傳格式,其有兼容性如下

 

《1》上傳.csv格式的

<input text="file" accept=".csv" />

《2》上傳.xls格式

<input text="file"  accept="application/vnd.ms-excel"/>

《3》上傳.xslx格式

<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>

《4》上傳.png/.jpg/etc格式

<input type="file" accept="text/plain" />

《5》上傳圖片格式

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

《6》上傳.htm,.html格式

<input type="file" accept="text/html" />

《7》上傳video(.avi, .mpg, .mpeg, .mp4)格式

<input type="file" accept="video/*" />

《8》上傳audio(.mp3, .wav, etc)格式

<input type="file" accept="audio/*" />

《9》上傳.pdf格式

<input type="file" accept=".pdf" />

《10》如果限制兩種文件格式,同時限制

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">

注意:以逗號分隔開


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM