input上传指定类型的文件

1、 谷歌–上传文件夹
添加属性webkitdirectory

<input type = "file" webkitdirectory>

2、 上传文件–限制类型
添加accept属性

<input type = "file" accept = "image/*">  <!-- 上传图片 -->

• 视频：video/*
• 音频：audio/*
• gif图片：image/gif
• 只允许上传wav(一般用于铃声上传)：.wav
• excel文件：application/msexcel
• word文件：application/msword
• zip文件：application/zip
• text文件：text/plain

• js文件：text/javascript，application/javascript

  注意：使用”* “会导致谷歌浏览器响应延迟，对IE和火狐没有影响
  如需规定多个值，请使用逗号分隔。比如 ：

<input accept="image/gif,image/jpg,image/png" />

转载于:https://www.cnblogs.com/Zting00/p/7497674.html