input输入框type=file时accept中可以限制的文件类型(转载)

 转载自:

input type=file accept中可以限制的文件类型

 

在上传文件的时候,需要限制指定的文件类型。

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

accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。

 

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

*.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

*.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

 

转载于:https://www.cnblogs.com/Jason-Xiang/p/10722867.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 这是HTML语言的一段代码,其的属性含义如下: - `type="file"`:定义该元素为文件上传的输入框。 - `id="dataFile"`:给该元素定义一个ID,以便在JavaScript进行操作。 - `name="datafile"`:定义该元素的名称,方便在后台获取上传的文件。 - `accept=".csv"`:定义该元素可以接受的文件类型,这里是只允许上传.csv格式的文件。 - `onchange="inputData(this)"`:当用户选择了上传文件后,会调用名为`inputData`的JavaScript函数进行处理。`this`表示当前的元素对象。 ### 回答2: 在HTML语法type="file"是一个input元素的属性取值,表示该input元素是一个文件选择框,用户可以通过点击该元素来选择文件。id="dataFile"是给该input元素赋予一个唯一的标识符,通过该标识符可以在JavaScript对该元素进行操作。name="datafile"是该input元素的名称,用于向服务器提交文件数据。accept=".csv"是用于限制用户选择的文件类型,只允许选择以.csv结尾的文件。onchange="inputData(this)"是一个JavaScript事件,当用户选择文件后,inputData()函数将被触发执行,可以在该函数进行文件数据的处理或其他操作。总之,这些语法表示在HTML页面创建一个文件选择框,并指定了相关属性和事件,用于实现文件上传和处理。 ### 回答3: type="file" id="dataFile" name="datafile" accept=".csv" onchange="inputData(this)" 这段语法是用来创建一个文件上传的输入框。 - `type="file"` 表示这是一个文件输入框,即允许用户选择文件进行上传。 - `id="dataFile"` 定义了该文件输入框的唯一标识符,可以用于后续的JavaScript处理或样式设置。 - `name="datafile"` 定义了上传文件给文件命名的参数名称,以便在服务端接收使用。 - `accept=".csv"` 是一个可选的属性,限制用户只能选择以.csv为扩展名的文件进行上传。这样可以在一定程度上保持上传文件的格式规范性。 - `onchange="inputData(this)"` 是一个事件处理函数,在文件选择变化会调用该函数。参数`this`表示当前的文件输入框。 通过这个文件输入框,用户可以浏览本地文件系统,选择一个 CSV 格式的文件进行上传。一旦用户选择了文件,该文件的信息就会被传递给 JavaScript 函数 `inputData` 进行处理。这个函数可以实现对用户选择的文件进行一系列的操作,如读取文件内容、验证文件格式、上传文件等。这个语法主要使用在网页,提供了方便的文件上传功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值