一、第一个也是最常用的,设置只允许上传图片文件,我写好了简洁的代码,样式大家可以自己设。重要的就是后面的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