• html5表单上传控件Files筛选指定格式的文件:accept属性过滤excel文件


    摘自:http://blog.csdn.net/jyy_12/article/details/9851349

    (IE9及以下不支持下面这些功能,其它浏览器最新版本均已支持。)

    1、允许上传文件数量

    允许选择多个文件:<input type="file" multiple>

    只允许上传一个文件:<input  type="file" single>

    2、上传指定的文件格式

    <input type="file" accept="image/gif,image/png" />

    这里的上传格式仅指打开上传弹窗选择文件时默认的文件格式,可手动修改成其它文件格式。

    如果不限制上传图片的格式可写成:accept="image/*"

    其它格式参考如下:

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

    这里要慎重说明的是:网上好多教程都说 excel过滤要用“accept="application/msexcel"” ,其实是大错特错!测试了,不行! 我也是在做phpExcel导出excel文件是,看到了,有一行代码:

    header(‘Content-Type: application/vnd.ms-excel‘);   //excel 2003

    header(‘Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet‘);  //excel 2007

  • 相关阅读:
    Big Event in HDU
    ACM STEPS——Chapter Two——Section One
    黑马day15 文件上传&amp;apche的工具包
    阿里云部署Docker(8)----安装和使用redmine
    【React Native开发】React Native控件之ProgressBarAndroid进度条解说(12)
    python抓取新浪微博评论并分析
    使用Xcode-debug模式和release模式
    hdu 5417 Victor and Machine
    《Head First 设计模式》学习笔记——适配器模式 + 外观模式
    设计模式(二)
  • 原文地址:https://www.cnblogs.com/liujianshe1990-/p/10860457.html
Copyright © 2020-2023  润新知