input=file accept 类型

最新推荐文章于 2024-08-07 11:45:20 发布

weixin_33845881

最新推荐文章于 2024-08-07 11:45:20 发布

阅读量777

点赞数

CC 4.0 BY-SA版权

文章标签：前端 python ViewUI

原文链接：https://my.oschina.net/swmhxhs/blog/1813622

本文展示了如何通过HTML的input标签设置文件类型限制，仅允许用户上传特定类型的文件，如Excel、图片、文本等。

2019独角兽企业重金招聘Python工程师标准>>>

<p>显示 .xls, .xlsx, .csv 文件...</p>
<input type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" ID="fileSelect" runat="server" />  




<p>只显示  Excel (.xlsx) 文件...</p>
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ID="fileSelect" runat="server" />  


<p>只显示 Excel (.xls) 文件...</p>
<input type="file" accept="application/vnd.ms-excel" ID="fileSelect" runat="server" />  




<p>只显示图片.</p>
<input type="file" accept="image/*" ID="fileSelect" runat="server" />  




<p>只显示文本文件...</p>
<input type="file" accept="text/plain" ID="fileSelect" runat="server" />  


<p>只显示html文件.</p>
<input type="file" accept="text/html" ID="fileSelect" runat="server" />  


<p>只显示 video 文件..</p>
<input type="file" accept="video/*" ID="fileSelect" runat="server" />  


<p>只显示 audio 文件...</p>
<input type="file" accept="audio/*" ID="fileSelect" runat="server" />  


<p>只显示 .WAV 文件...</p>
<input type="file" accept=".wav" ID="fileSelect" runat="server" />  


<p>只显示 .PDF 文件...</p>
<input type="file" accept=".pdf" ID="fileSelect" runat="server" />

转载于:https://my.oschina.net/swmhxhs/blog/1813622