//上传文件和大小限制
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
function fileChange(target,id) { 
var fileSize = 0; 
var filetypes =[".jpg",".png",".pdf"]; 
var filepath = target.value; 
var filemaxsize = 1024*20;//20M 
if(filepath){ 
var isnext = false; 
var fileend = filepath.substring(filepath.indexOf(".")); 
if(filetypes && filetypes.length>0){ 
for(var i =0; i<filetypes.length;i++){ 
if(filetypes[i]==fileend){ 
isnext = true; 
break; 



if(!isnext){ 
alert("只能上传jpg或png或pdf格式的文件"); 
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; 
}

}

---------------------

按钮添加οnchange=”fileChange(this);”

上传附件的格式和大小限制相关推荐

  1. jquery file upload 限制上传文件的格式、大小或图片尺寸

    限制文件格式.大小 $("#head").fileupload({url: "/front/user/uploadHead",dataType: 'json', ...

  2. VUE+ElementUI图片上传的判断格式、大小、尺寸(即宽高比)完整实现。

    需求分析: 表单中需要上传图片,并对图片做出限制: 1)上传图片大小不能超过 2M: 2)上传图片格式只能是jpg或png: 3)上传图片的宽高比例为2:1. 效果如图所示: 利用on-change的 ...

  3. 如何限制上传附件的格式?

    解决思路:1.在$(document).ready(function(){});中加上  $("#uploadFile").live("change",func ...

  4. JavaScript上传附件对格式的限制

    可以用逗号拼接以达到限制多种 .xls <input type="file" accept="application/vnd.ms-excel" /> ...

  5. vue3 el-upload 上传附件及预览 限制只能上传一个图片或者pdf格式的文件

    vue3 el-upload 上传附件及预览 限制只能上传一个图片或者pdf格式的文件 效果如图 直接看代码吧 template部分 <div class="file-upload&q ...

  6. 修改上传附件大小限制方法

    2019独角兽企业重金招聘Python工程师标准>>> 上传附件是大家经常需要操作的,但是很多情况都会限制上传附件的大小.那么如何修改上传附件大小限制呢? 修改上传附件大小限制方法 ...

  7. iis mysql php 附件上传大小_修改上传附件2M大小限制的方法/php+iis上传附件默认大小修改方法...

    在服务器上架设好WordPress后,使用过程中发现,上传附件大小有2M的限制 话说服务器就是本机,可以直接把文件拖到附件存储文件夹下,然后在需要附件的地方引用链接 可是这种落后的方法终究不是办法,还 ...

  8. 控制附件的大小 php,wordpress如何修改默认上传附件限制大小

    关于上传文件大小的限制,有很多有几种情况,一是服务器上的限制(php.ini)php虚拟主机空间提供商为了保障服务器稳定.都会限制大容量附件上传,在php.ini文件中做了限制,二是网站程序本身都会有 ...

  9. 使用bce-bos-uploader上传附件,附件超出限制大小操作

    因为项目部署在百度云上,所以有关附件的上传就使用了 baidubce.bos.Uploader.其中有一个属性 max_file_size 可以限制上传附件的大小.但是一旦附件大小超过这个值以后,此附 ...

最新文章

  1. python基础语法第10关作业-Python基础语法习题一
  2. linux ftp 怎么验证,Linux编译安装vsftpd服务器(本地用户验证方式)
  3. Unity Api集合
  4. hashlib 模块用来进行hash
  5. 51. N皇后/52. N皇后 II
  6. oracle 把逗号分隔符,oracle 分逗号分隔字符串函数
  7. pytorch之C++实现自定义算子
  8. 钉钉辟谣“老师能打开学生摄像头”;HTC 关闭官方社区;​Node.js 安全版本发布 | 极客头条...
  9. datatable更新到mysql_.NET_使用DataTable更新数据库(增,删,改),1、修改数据复制代码 代码如 - phpStudy...
  10. 智力测验题(面试用)
  11. 2019趋势科技面经
  12. golang开发android应用(一) - go语言android应用环境搭建
  13. 学计算机编程技校排名,学编程什么学校最好?
  14. Python Crash Course读书笔记 - 第18章:GETTING STARTED WITH DJANGO
  15. C语言简易程序设计————6、用*号输出字母C的图案
  16. 大数据Spark(三):框架模块初步了解
  17. 网络打印机计算机服务,如何把局域网中的所有计算机及打印机设置共享?
  18. 微信加密聊天工具(持续开发中)
  19. 按头安利,好看又实用的商务金融UI模板素材看这里
  20. error: OpenCV(4.1.2) ..\modules\imgcodecs\src\loadsave.cpp:715: error: (-215:Assertion failed) !_img

热门文章

  1. 系统性能指标、压测、性能优化思路
  2. 分层架构、六边形架构、CQRS架构模式解读
  3. 南大计算机系尹一通,南京大学计算机科学与技术系导师教师师资介绍简介-尹一通(博导)...
  4. java x509certificate2_ASP.NET使用X509Certificate2出现一系列问题的解决方法
  5. 3-5Tensor创建编程实例
  6. matlab的cylinder函数,matlab cylinder怎么用,Matlab cylinder 函数
  7. 三星android11推送,三星国行S10系列正式推送One UI 3正式版,基于安卓11打造
  8. VGG Pool5 Feature Map特征提取
  9. java中使用pgsql的json类型CRUD
  10. 鸿蒙卡片-物联网DTU污水液位计卡片