Demo:

<span style="font-size:18px;"><input name="file" type="file" required="required"  class="form-control" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"></span>

js 验证文件名正则

  regexp: /^.*(\.doc|\.docx)$/

office为 2007版本以后的一些 文件限制类型的 属性值

.xlsx   application/vnd.openxmlformats-officedocument.spreadsheetml.sheet  
.xltx   application/vnd.openxmlformats-officedocument.spreadsheetml.template  
.potx   application/vnd.openxmlformats-officedocument.presentationml.template  
.ppsx   application/vnd.openxmlformats-officedocument.presentationml.slideshow  
.pptx   application/vnd.openxmlformats-officedocument.presentationml.presentation  
.sldx   application/vnd.openxmlformats-officedocument.presentationml.slide  
.docx   application/vnd.openxmlformats-officedocument.wordprocessingml.document  
.dotx   application/vnd.openxmlformats-officedocument.wordprocessingml.template  
.xlsm   application/vnd.ms-excel.addin.macroEnabled.12  
.xlsb   application/vnd.ms-excel.sheet.binary.macroEnabled.12

常用的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

标签: html

添加新评论