关于input file上传文件弹出框的默认格式的相关问题

原创已于 2022-11-14 20:03:26 修改 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input file #弹出框默认选中

于 2019-04-21 17:45:38 首次发布

本文介绍如何使用HTML的input标签的accept属性来限制文件上传类型，包括默认选择xls文件、特定图片格式（如gif和jpeg）及所有图片格式的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input file文件上传的默认弹框是全部文件，但是有时候在写项目的时候为了方便会让其默认选中xls文件或者

图片，因此需要对其添加一个accept来实现这个功能

具体代码如下：

<!-- 默认全部 -->
<input type="file" name="">
<!-- 默认xls -->
<input type="file" accept="application/vnd.ms-excel">
<!-- 默认图片gif和jpeg两种 -->
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

<!-- 默认图片，不限格式 -->
 <input type="file" name="pic" id="pic" accept="image/*" />