html上传文件input类型为file时过滤选择类型

在上传文件时用原生的html提供的input设置type=file后可以设置支持的类型

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

 支持设置方式为:

<!--cvs-->
accept=".csv"
<!--Excel Files 2003-2007 (.xls)-->
accept="application/vnd.ms-excel"
<!--Excel Files 2010 (.xlsx)-->
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
<!--Text Files (.txt)-->
accept="text/plain"
<!--Image Files (.png/.jpg/etc),-->
accept="image/*"
<!--HTML Files (.htm,.html),-->
accept="text/html"
<!--Video Files (.avi, .mpg, .mpeg, .mp4)-->
accept="video/*"
<!--Audio Files (.mp3, .wav, etc),-->
accept="audio/*"
<!-- PDF-->
accept=".pdf"

看得出既可固定一种类型,也可以多种类型同时支持。

评论/留言

精选留言
  • 用户头像

    ****.****.111.73 2021-06-21

    看得出即可固定一种类型,也可以设置多种类型同时支持。