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

最新推荐文章于 2024-07-19 18:08:01 发布

qust008

最新推荐文章于 2024-07-19 18:08:01 发布

阅读量4.6k

点赞数 1

分类专栏： javascript 文章标签： fine upload限定文件类型 input accept 上传文件限定格式代码指定360浏览器模式

本文链接：https://blog.csdn.net/qust008/article/details/21397647

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在用<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">