限制文件格式

 一、示例标签1:

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

accept属性说明:

image表示图片,*表示支持所有格式的图片文件。

二、示例标签2:

<input type="file" accept="audio/mp4, video/mp4"  class="uploadVideo" />

多种格式,以逗号分隔。

前缀说明:

  1. text:文本文件。如格式:txt、csv、css、html,能直接使用记事本打开的,并且不乱码。
  2. image:图片文件。如:jpg、png,bmp。
  3. audio:音频文件。如:mp3、wav、ogg。
  4. video:视频文件。如:mp4。
  5. application:应用文件。如:zip、pdf、doc。

注意:有些格式既是text文本文件,也是application应用文件,不是绝对的,所以会出现同一格式不同文件类型。

三、文件的常用选择格式。

1.图片文件格式(常用):jpg,png,gif。

accept="image/jpeg,image/png,image/gif"

通用图片文件格式(推荐采用):// 如果不确定需要什么格式,也不想加以限制他,可以采用这种方式,不过有些格式的文件,后端可能接收不了。

accept="image/*"

2.视频文件格式(常用):avi,wmv,flv,mp4。

accept="video/mp4"

通用视频文件格式(推荐采用):

accept="video/*"

3.音频文件格式(常用):mp3、wav、ogg。

accept="audio/mp4"

通用音频文件格式(推荐采用):

accept="audio/*"

四、常规配置。

accept可以指定如下信息:

格式

*.3gpp

audio/3gpp, video/3gpp

3GPP Audio/Video

*.ac3

audio/ac3

AC3 Audio

*.asf

allpication/vnd.ms-asf

Advanced Streaming Format

*.au

audio/basic

AU Audio

*.css

text/css

Cascading Style Sheets

*.csv

text/csv

Comma Separated Values

*.doc

application/msword

MS Word Document

*.docx

application/vnd.openxmlformats-officedocument.wordprocessingml.document

MS Word Document

*.dot

application/msword

MS Word Template

*.dtd

application/xml-dtd

Document Type Definition

*.dwg

image/vnd.dwg

AutoCAD Drawing Database

*.dxf

image/vnd.dxf

AutoCAD Drawing Interchange Format

*.gif

image/gif

Graphic Interchange Format

*.htm

text/html

HyperText Markup Language

*.html

text/html

HyperText Markup Language

*.jp2

image/jp2

JPEG-2000

*.jpe

image/jpeg

JPEG

*.jpeg

image/jpeg

JPEG

*.jpg

image/jpeg

JPEG

*.js

text/javascript, application/javascript

JavaScript

*.json

application/json

JavaScript Object Notation

*.mp2

audio/mpeg, video/mpeg

MPEG Audio/Video Stream, Layer II

*.mp3

audio/mpeg

MPEG Audio Stream, Layer III

*.mp4

audio/mp4, video/mp4

MPEG-4 Audio/Video

*.mpeg

video/mpeg

MPEG Video Stream, Layer II

*.mpg

video/mpeg

MPEG Video Stream, Layer II

*.mpp

application/vnd.ms-project

MS Project Project

*.ogg

application/ogg, audio/ogg

Ogg Vorbis

*.pdf

application/pdf

Portable Document Format

*.png

image/png

Portable Network Graphics

*.pot

application/vnd.ms-powerpoint

MS PowerPoint Template

*.pps

application/vnd.ms-powerpoint

MS PowerPoint Slideshow

*.ppt

application/vnd.ms-powerpoint

MS PowerPoint Presentation

*.rtf

application/rtf, text/rtf

Rich Text Format

*.svf

image/vnd.svf

Simple Vector Format

*.tif

image/tiff

Tagged Image Format File

*.tiff

image/tiff

Tagged Image Format File

*.txt

text/plain

Plain Text

*.wdb

application/vnd.ms-works

MS Works Database

*.wps

application/vnd.ms-works

Works Text Document

*.xhtml

application/xhtml+xml

Extensible HyperText Markup Language

*.xlc

application/vnd.ms-excel

MS Excel Chart

*.xlm

application/vnd.ms-excel

MS Excel Macro

*.xls

application/vnd.ms-excel

MS Excel Spreadsheet

*.xlsx

application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

MS Excel Macro

*.xlt

application/vnd.ms-excel

MS Excel Template

*.xlw

application/vnd.ms-excel

MS Excel Workspace

*.xml

text/xml, application/xml

Extensible Markup Language

*.zip

aplication/zip

Compressed Archive

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐