input file 文件上传,js控制上传文件的大小和格式
文件上传一般是用jquery的uploadify,比较好用。后面会出文章介绍uploadify这个插件。
但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input file 可以控制上传的格式,但是是html5,很多浏览器不支持,请看我的文章对input file上传类型的控制。
下面我用javascript来控制文件上传的大小和类型。
贴出html代码:
<form action="后端接口" enctype="multipart/form-data" method="post" id="attachment_uploads"><div class="attachs fl"><div class="t_fjfont">附件:</div><div class="upload_btns"><input type="file" name="file" id="file" onchange="fileChange(this);" /> </div></div><div class="attachs fl"><div class="t_fjfont" style="color:red;font-size:12px;font-weight:bold">文件上限2MB</d</div><div class="attachs fl"><div class="upload_btns"><input type="file" name="files" id="file_fujian" onchange="filefujianChange(this);" /> <input type="hidden" name="rev" class="hide_rev" /></div></div></form>
javascript代码:
function fileChange(target) {var fileSize = 0; if (isIE && !target.files) { var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } var size = fileSize / 1024; if(size>2000){ alert("附件不能大于2M"); target.value="";return}var name=target.value;var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();if(fileName !="xls" && fileName !="xlsx"){ alert("请选择execl格式文件上传!"); target.value="";return}}
function filefujianChange(target) { var fileSize = 0; if (isIE && !target.files) { var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath);
fileSize = file.Size; } else { fileSize = target.files[
input file 文件上传,js控制上传文件的大小和格式相关推荐
- java jsch实现sftp文件上传,并且控制上传的速度,同时监控上传进度
工作中,有些环境带宽有限,比如说专线,通常带宽比较小,又不便宜,当业务量大的时间,如果在专线上还要传输文件的话,往往在文件传输的时间会导致带宽占慢,就有可能导致时实交易进不来,有可能影响交易,今天贴一 ...
- html得到上传文件类型后缀,js获取上传文件后缀名(附js提交form表单)
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
- Html input file控件使用accept过滤 限制的文件类型
Html input file控件使用accept过滤文件 ,老的浏览器不支持,不过对应新的浏览器还是方便很多 <input type="file" accept=" ...
- html选择文件夹插件,js/jq仿window文件夹框选操作插件
0.先给大家看看效果: 1.创建一个index.html文件 Title ul{list-style: none} li{width:200px;margin:10px;float:left;heig ...
- svn上传文件最大多少_SVN 控制上传文件尺寸
问题描述:没有适当的程序或者脚本语言进行上传文件体积的控制的时候 使用环境:在没有适当程序语言支持的系统中,如SVN服务器 能通过程序语言控制,就不要使用该方法,因为客制化太难 限制条件:以http方 ...
- input file控件使用accept过滤 限制的文件类型
在文件上传控件(input type='file')中,可以通过accept属性实现对文件类型的过滤. 一.相关代码: 下面给出对应的文件上传控件代码: <input type="fi ...
- index.html文件作用,MEAN JS – 主要的html文件(index.html)位于何处
MEANJS顶级页面位于server / app / views / layout.server.view.html下,您可以在其中设置标头元标记.页面上的大多数其他内容都是以编程方式插入的,例如指向 ...
- c语言源码 文件绑捆,js捆绑TypeScript声明文件的方法教程
前话 TypeScript是JavaScript类型的超集,这是TypeScript的文档介绍的一句话,那么他们存在联系呢? 我的理解是,TypeScript在JavaScript基础上引入强类型语言 ...
- angular文件上传php,Angular2里获取(input file)上传文件的内容的方法
最近在用Angular2,需要有一个上传文件的功能,但是又不想用库,所以直接用原生的input file 标签. 然后想获取上传的内容,于是先想了个愚蠢的方法,先通过id获取到这个input标签,然后 ...
最新文章
- UA MATH564 概率论 多元随机变量的变换 理论与应用1
- Apache Flink 官方文档--概览
- 帮助你构建自适应布局的30款优秀 jQuery 插件(下篇)
- Xshell连接不上虚拟机的解决办法
- jQuery选择器总结[转]
- 安装配置优化nginx
- java位图去重_Redis系列(3) Bloom/BitMap/Geo
- Linux下安装Solr7.2.1以及配置Solr(CentOS7)
- 网络安全攻防实验室通关教程-注入关
- Java 11 发布线路图:有哪些值得期待的新特性?
- php上传504,nginx+php设置大文件请求上传(502及504问题处理)
- 经济学中的M0 M1 M2 M3的含义
- 无器械健身,是否真的比健身房器械训练要好?
- Ensemble查看基因的外显子信息,并根据染色体位点判断是第几号外显子
- java系统_Java 系统
- 任何一个二目关系都是BCNF
- 如何实现 Linux + Windows 双系统启动
- OpenCV 32F 与 8U Mat数据类型相互转换(C++版)
- C语言:access函数的使用
- 新买的电脑如何用U盘装系统