限制指定的文件类型，accept这个属性，只在FF和chrome中有效。
<form action="basedata/BdProduct.do?action=uploadFile" method="post" enctype="multipart/form-data" style="color: #666;" id="bdProductTab-tforma">
<input type="hidden" name="path" id="bdProductTab-path"/>
文件路径: <input type="file" name="itemPic" alt="" accept="/*.xls" id="bdProductTab-itemPic">文件大小不超过10M<input class="easyui-linkbutton" type="submit" value="导入">
</form>
扩展名
MIME
描述
| *.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 |
分享到：
相关推荐
接受HTML5的“ accept”属性JavaScript实现<input type="file"> 有关更多信息，请参见 。安装npm install --save attr-accept用法var accept = require ( 'attr-accept' ) ;accept ( { name : 'my file.png' ,...
在HTML中，标签是用来定义网页结构和内容的元素，而属性则是用来进一步定制这些元素行为的关键组成部分。接下来，我们将深入探讨HTML中的一些常见标签及其属性。 1. `<body>` 标签属性： - `alink`：定义活动链接...
JavaScript作为浏览器端的主要脚本语言，与HTML5结合，可以实现许多创新功能，如图片预览和获取图片属性。在本文中，我们将深入探讨如何使用HTML5和JavaScript来实现这些功能，并参考给出的`test.html`文件进行解析...
9. 接受属性：accept 属性可以与 <input> 元素一起使用，指定服务器可以接受的文件类型。例如：<input type="file" accept=".jpg, .jpeg, .png"> 该属性可以应用于文件上传、资源分享等场景，提高用户体验。 10. ...
需要注意的是，`accept` 属性仅在打开文件选择对话框时起作用，用户仍然可以手动更改文件类型。 若不希望对文件类型有任何限制，可以设置为 `accept="image/*"` 来接受所有图像文件格式。 #### 2. FileList 上传...
`accept`属性用于设置或获取以逗号分隔的内容类型列表，通常用于`<input type="file">`，限制用户上传的文件类型。 #### acceptCharset `acceptCharset`属性用于设置或获取处理表单的服务器必须接受的输入数据所用...
accept 属性可以用来指定浏览器接受的文件类型，也就是当我们打开系统的挑选文件弹框时，默认界面中展现的文件类型。例如：accept="image/jpeg"，则界面中惟独显示jpg文件。 HTML input type=file 文件选择表单元素...
1. `<html:html>`标签：这是Struts HTML标签库的基础，它可以设置`locale`属性，用于处理国际化，如果未指定`locale`对象，系统会从请求头的`accept-language`中获取。此外，还可以设置`lang`属性，替代Struts 1.2...
在视频上传场景中，我们可以创建一个`<input type="file">`元素，设置其`accept`属性为`.mp4, .webm, .ogg`等视频格式，以限制用户只能选择视频文件进行上传。 ```html <input type="file" accept="video/mp4, ...
2. **图片上传预览**：HTML5引入了`<input type="file">`元素的`accept`属性，允许指定可接受的文件类型，如图像文件。配合JavaScript和File API，可以实现图片上传前的预览功能，提高用户交互性。 3. **联系方式...
`accept`属性用于限制上传文件的类型，而`multiple`属性允许选择多个文件。通过JavaScript，可以使用`FileList`对象和`File`对象来访问和处理上传的文件。 在表单提交方面，`formaction`、`formenctype`、`form...
通过设置`accept`属性，我们可以限制用户只能选择图像文件，如`.jpg`、`.png`等，确保上传的是身份证照片。 接着，表单验证是必不可少的环节，HTML5提供了内置的表单验证功能，如`required`属性可以确保字段不为空...
添加`accept`属性可以限制用户只能选择特定类型的文件，例如图像文件：`accept="image/*"`。 3. **多文件选择** HTML5还引入了多文件选择功能。通过设置`multiple`属性，用户可以在同一时间选择多个文件：`...
- **accept属性**：定义`<input>`元素允许的文件类型。 - **accept-charset属性**：定义提交数据时允许的字符集。 - **accesskey属性**：定义键盘快捷键。 - **action属性**：定义表单提交的目标URL。 - **align属性...
结合HTML5的`<input type="file">`元素和`accept`属性，我们可以轻松实现调用手机相机的功能。 首先，我们需要在HTML页面中创建一个`<input type="file">`元素，设置`accept`属性为`"image/*"`，这样点击按钮时就会...
在HTML5中，`<input type="file">`控件得到了增强，特别是添加了`accept`属性，可以限制用户可以选择的文件类型，例如只允许选择图像文件： ```html <input type="file" accept="image/*"> ``` 此外，`multiple`...
我们可以在前端进行初步验证，例如使用`accept`属性限制只能选择图片文件，或者使用`maxSize`限制文件大小。如果服务器端有更严格的要求，可以返回错误信息，前端再进行相应的提示。 总的来说，实现“html5点击修改...
通过`<input type="file">`标签的`accept`属性，可以指定用户只能选择视频文件： ```html <input type="file" accept="video/*" capture> ``` 三、Java与HTML5的交互 在服务器端，我们可以使用Java处理上传的视频...
首先，我们要了解HTML5中的`<input type="file">`标签，特别是当它的`accept`属性设置为`"image/*"`时，可以用于触发用户选择图片文件，包括从摄像头拍摄。当用户点击这个输入框，浏览器会弹出一个文件选择对话框，...
通过设置`accept`属性，我们可以限制用户只能选择图像文件。例如，`accept="image/*"`将只允许用户选择任何类型的图片文件。此外，HTML5还引入了`<form>`元素的`enctype`属性，设置为`multipart/form-data`可支持...