设置input上传类型
1、第一个也是最常用的，设置只允许上传图片文件，我写好了简洁的代码，样式大家可以自己设。重要的就是后面的accept="image/*";
代码如下：
<div style="margin-left:200px;margin-top:100px;">
//只允许上传图片
<input type="text" id="text1">
<input type="file" id="file" accept="image/*">
</div>
可以看到清晰的看到那边显示只能上传图片文件
2、设置只允许上传视频文件，没有第一个用的多，但也会用到。
代码如下：
<div style="margin-left:200px;margin-top:400px;">
//只允许上传视频文件
<input type="text" id="text1">
<input type="file" id="file" accept="video/*">
</div>
3、设置只允许上传音频文件，这个是上传常见的音频文件。像一些mp3，wav
代码如下：
<div style="margin-left:200px;margin-top:400px;">
//只允许上传音频文件
<input type="text" id="text1">
<input type="file" id="file" accept="audio/*">
</div>
4、这个是单独挑出来的，只允许上传wav文件。这个用的比较多，一般上传铃声的时候用到。
代码如下：
<div style="margin-left:200px;margin-top:400px;">
//只允许上传wav文件
<input type="text" id="text1">
<input type="file" id="file" accept=".wav">
</div>
5、还有一个就是上传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>
6、最后一个本来不想放上来的，我阅历有限，目前没有看到哪个网站要上传pdf，估计也就是文库类网站了。
代码如下：
<div style="margin-left:200px;margin-top:400px;">
//只允许上传pdf文件
<input type="text" id="text1">
<input type="file" id="file" accept=".pdf">
</div>
7、最后一个也是调了一些可以给大家用的，这里没有详细的列出。附个图片给你们参考吧。参照上面的代码填上去就行
