关于input file文件提交选择格式

<input type="file" />浏览时只显示指定文件类型

<input type="file" accept="application/msword" >

accept属性列表:

1.accept="application/msexcel"
2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"

27.或者直接(.apk)其他格式都行

如果不限制图像的格式,可以写为:accept="image/*"。同样也可以设置多个属性值的,根绝属性值选择需要!

时间: 2024-10-23 12:19:39

关于input file文件提交选择格式的相关文章

js 实现 input file 文件上传

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery/jquery-1

input file 文件上传,js控制上传文件的大小和格式

文件上传一般是用jquery的uploadify,比较好用.后面会出文章介绍uploadify这个插件. 但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input file 可以控制上传的格式,但是是html5,很多浏览器不支持,请看我的文章对input file上传类型的控制. 下面我用javascript来控制文件上传的大小和类型. 贴出html代码: <form action="后端接口" enctype="multipart/for

解决input file两次选择相同文件不触发change事件的问题

当第一次选择图片1时,input的change事件触发,因为input的value从无变成图片1,value值发生了改变, 此时: 如果第二次选择图片2时,input的change事件触发,因为input的value从图片1变成图片2,value值发生了改变, 如果第二次选择图片1时,input的change事件不会触发,因为input的value值依然为图片1,value值没有发生改变,如果第二次不做文件选择,而是点击的取消的话,change事件触发,因为value值被清空, 我的解决方案是i

input file文件上传样式

<style>    .file-group {        position: relative;        width: 200px;        height: 80px;        border: 1px solid #ccc; /* 为了显示可见区域,非必须 */        overflow: hidden;        cursor: pointer;        line-height: 80px;        font-size: 16px;       

PHP 多input file文件上传

前台html jquery代码 后台PHP处理 前台html <form id="form" method="post" enctype="multipart/form-data"> <input class="imagesUpload" type="file" name="imagesUpload[]" style="width: 152px;"/

javascript input file文件上传

<body> <input type="file" id="myFile" onchange="beforeUpload()"> <button onclick="selectFile()">上传</button> <script> var fileInput = document.getElementById("myFile"); // 选择上传

js 实现 input type=&quot;file&quot; 文件上传示例代码

在开发中,文件上传必不可少但是它长得又丑.浏览的字样不能换,一般会让其隐藏点其他的标签(图片等)来时实现选择文件上传功能 在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 代码如下: <!DOCTYPE html> <html x

js 清空html input file的值

在做上传图片预览时,利用input onchange事件触发函数,但是type=file时,一定记得新建要清空原来的图片,因为原来的图片还存在在input里面,再选重复的图片没有change,故不会触发相应的函数,造成没有反应的现象 具体的清空input file的方法: <input type="file" accept="image/jpeg,image/png,image/gif" name="img" id="img&qu

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的