设置input上传类型

一、第一个也是最常用的，设置只允许上传图片文件，我写好了简洁的代码，样式大家可以自己设。重要的就是后面的accept="image/*";

      代码如下：

   <div style="margin-left:200px;margin-top:100px;">

         //只允许上传图片

         <input type="text" id="text1">

         <input type="file" id="file" accept="image/*">                   

  </div>

可以看到清晰的看到那边显示只能上传图片文件

二、设置只允许上传视频文件，没有第一个用的多，但也会用到。

      代码如下：

    <div style="margin-left:200px;margin-top:400px;">

         //只允许上传视频文件

         <input type="text" id="text1">

         <input type="file" id="file" accept="video/*">                   

     </div>

三、设置只允许上传音频文件，这个是上传常见的音频文件。像一些mp3，wav

      代码如下：  

      <div style="margin-left:200px;margin-top:400px;">

         //只允许上传音频文件

         <input type="text" id="text1">

         <input type="file" id="file" accept="audio/*">                   

       </div>

四、这个是单独挑出来的，只允许上传wav文件。这个用的比较多，一般上传铃声的时候用到。

       代码如下：

     <div style="margin-left:200px;margin-top:400px;">

           //只允许上传wav文件

          <input type="text" id="text1">

          <input type="file" id="file" accept=".wav">                   

      </div>

五、还有一个就是上传excel文件，反正我现在没有用到，你们谁需要的get一下。

      代码如下：

    <div style="margin-left:200px;margin-top:400px;">

           //只允许上传EXCEL文件

      <input type="text" id="text1">

      <input type="file" id="file" accept="application/vnd.ms-excel ">      </div>

六、最后一个本来不想放上来的，我阅历有限，目前没有看到哪个网站要上传pdf，估计也就是文库类网站了。

      代码如下：

     <div style="margin-left:200px;margin-top:400px;">

         //只允许上传pdf文件

         <input type="text" id="text1">

         <input type="file" id="file" accept=".pdf">                   

      </div>

七、一些别的上传类型

后缀：*.txt   text/plain；*.ppt   application/vnd.ms-powerpoint；*.zip  application/zip；*.js  text/javascript，application/javascript； *.gif   image/gif