input文件上传限制(类型，大小)

1、限制上传文件类型解决办法是可以给它添加一个accept属性，比如：

<input id="File1" type="file"  accept=".xls,.doc,.txt,.pdf"  />

2、但是选择文件的时候还是可以选择其他类型的，需要用代码判断

3、js判断

<input type="file" name="contractFileName" style="width: 500px;" οnchange="fileChange(this);"/><script type="text/javascript">var isIE = /msie/i.test(navigator.userAgent) && !window.opera;function fileChange(target,id) {var fileSize = 0;var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];var filepath = target.value;var filemaxsize = 1024*2;//2Mif(filepath){var isnext = false;var fileend = filepath.substring(filepath.lastIndexOf("."));if(filetypes && filetypes.length>0){for(var i =0; i<filetypes.length;i++){if(filetypes[i]==fileend){isnext = true;break;}}}if(!isnext){alert("不接受此文件类型！");target.value ="";return false;}}else{return false;}if (isIE && !target.files) {var filePath = target.value;var fileSystem = new ActiveXObject("Scripting.FileSystemObject");if(!fileSystem.FileExists(filePath)){alert("附件不存在，请重新输入！");return false;}var file = fileSystem.GetFile (filePath);fileSize = file.Size;} else {fileSize = target.files[0].size;}var size = fileSize / 1024;if(size>filemaxsize){alert("附件大小不能大于"+filemaxsize/1024+"M！");target.value ="";return false;}if(size<=0){alert("附件大小不能为0M！");target.value ="";return false;}}
</script>

input文件上传限制(类型，大小)相关推荐

踩坑 - click事件与blur事件冲突问题 input文件上传同名文件问题
前言上周写需求遇到了一点小坑涉及到一些小细节,今天赶上没啥事总结一下分享出来. click事件与blur事件冲突问题 click事件与blur事件 blur事件: 表单事件,元素失去焦点时候触发,不 ...
js判断文件上传的类型
js判断文件上传的类型 /*** @param: fileName - 文件名称* @param: 数据返回 1) 无后缀匹配 - false* @param: 数据返回 2) 匹配图片 - imag ...
js input文件上传
(1)设置类型type='file'属性:accept='格式1,格式2' 前台筛选文件格式允许所有图片格式:"image/*"multiple 多选value 获取第一个文件名或 ...
个人使用向1:文件上传的类型限制思考
数据通过输入输出来进行交互,对应数据最后保存到数据库中.那么对应文件,excel跟图片就没办法都放在数据库.当然图片可以通过BASE64也能进数据库,只是没有那么适用性. 目前文件上传一般是分二种, ...
Vue.js 文件上传限制类型上传与限制选择的文件类型
只能限制某种文件上传,如果新选择其他文件便提示文件错误,清空文件列表 :accept="'.pdf'" ---> 选择上传文件的时候自动匹配pdf的文件类型 :file-li ...
解决 input 文件上传不能上传重复文件的问题
问题发生背景使用input[type=file] 实现文件上传功能,通过onchange事件触发js代码,这个时候第一次上传是完全没问题的,不过当你第二次上传文件时,如果是不同于上一次上传文件的话是 ...
php 文件上传mime 类型,php文件上传类型（MIME）对照表
网上有很多php文件上传的类,文件上传处理是php的一个特色(至少手册上是将此作为php特点来展示的,个人认为php在数组方面的优异功能更有特色),学php的人都知道文件上传怎么做,但很多人在编程中却 ...
Struts2文件上传超出配置大小的解决办法
用Struts2做一个文件上传来着,本来是想写个验证方法来限制文件大小的,结果发现根本走不到我的验证方法就开始报异常了: THE REQUEST WAS REJECTED BECAUSE ITS SI ...
php 文件上传mime 类型,PHP JAVA C上传文件如何准确判断文件类型－mime知识普及
MIME的英文全称是"Multipurpose Internet Mail Extensions" 多功能Internet 邮件扩充服务,它是一种多用途网际邮件扩充协议,在1992 ...

input文件上传限制(类型，大小)

input文件上传限制(类型，大小)相关推荐

最新文章

热门文章