设置input上传类型
2016-07-20 11:19
435 查看
一、第一个也是最常用的,设置只允许上传图片文件,我写好了简洁的代码,样式大家可以自己设。重要的就是后面的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
代码如下:
<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
相关文章推荐
- java对世界各个时区(TimeZone)的通用转换处理方法(转载)
- java-注解annotation
- java-模拟tomcat服务器
- java-用HttpURLConnection发送Http请求.
- java-WEB中的监听器Lisener
- Android IPC进程间通讯机制
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- 介绍一款信息管理系统的开源框架---jeecg
- 聚类算法之kmeans算法java版本
- java实现 PageRank算法
- Web布局连载——两栏固定布局(五)
- PropertyChangeListener简单理解
- JSP/PHP基于Ajax的分页功能实现
- c++11 + SDL2 + ffmpeg +OpenAL + java = Android播放器
- 插入排序
- 冒泡排序