input 文件上传指定特定的文件类型

来源：互联网发布：淘宝客推广方式编辑：程序博客网时间：2024/05/21 05:37

在用<input type="file" />这个html元素时，如果想指定特定的文件类型时，可以这么写

<input type="file" accept=".thb" />

.字符后面的类型自己可以随意指定，如果想指定多个类型，可以用逗号隔开，

<input type="file" accept=".thb, .dwg" />

在用到fine uploader这个上传组件时，如果需要限定文件的上传类型，方法是

var manualuploader = new qq.FineUploader({      element: $("#manual-fine-uploader")[0],      request: {        endpoint: url      },      validation: {          allowedExtensions: ['dwg'],          acceptFiles: '.dwg'      },      callbacks: {        onAllComplete:function() {          //所有文件上传成功后调用        }      },      template: "qq-template-manual-noedit",      autoUpload: false    });

其他的可以忽略，只需要看validation中的即可，这样限定，就可以限定文件类型了，即使用户选了其他格式的文件，最后也会提示用户文件格式不正确，因为allowedExtensions限定了文件格式。

但是ie6和ie7不支持，现在中国用360浏览器的用户比较多，可以在代码中指定360极速模式，这样用户打开网页时，默认是用极速模式浏览，就不会出现ie6和ie7

的问题了。设定方式如下

在head标签中添加一行代码

<html>  <head>    <meta name="renderer" content="webkit|ie-comp|ie-stand">  </head>  <body>  </body></html>

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

0 0