js上传文件类型和文件大小限制

废话不多说直接把代码粘上去

<form style="" id="fileUpdate" action="/pssc_sm_home_mvvm/upload" enctype="multipart/form-data" method="post"> 　　<ul> 　　　　<li class="child_lis"> 　　　　　　<input style="width:calc(100% - 148px)" id="file" class="files" type="file" name="file" multiple="multiple"><input class="fileput" style="width:112px;margin-left:10px;" type="button" value="提交" /> 　　　　</li> 　　</ul> </form>

 

$(".fileput").click(function(){ 　　var filename = $("#file").val(); 　　if(filename==""){ 　　　　alert("请选择上传文件"); 　　　　return; 　　}else{ 　　　　var mime = filename.toLowerCase().substr(filename.lastIndexOf(".")); 　　　　if(mime==".jpg"||mime==".png"||mime==".jpeg"){ 　　　　　　var fileSize = document.getElementById('file').files[0]; 　　　　　　var nowSize = fileSize.size/1024; 　　　　　　if(nowSize>50){ 　　　　　　　　alert("请不要上传超过50KB的文件"); 　　　　　　　　$("#file").val(""); 　　　　　　　　return; 　　　　　　}else{ 　　　　　　　　$('#fileUpdate').ajaxSubmit( 　　　　　　　　　　function(data){ 　　　　　　　　　　　　if(data.length>0){ 　　　　　　　　　　　　　　console.log("datas",data); 　　　　　　　　　　　　　　$("#iconUrl").val(".."+data); 　　　　　　　　　　　　} 　　　　　　　　　　} 　　　　　　　　); 　　　　　　} 　　　　　　console.log("fileSize",fileSize); 　　　　}else{　　　　　　alert("请选择jpg、png、jpeg的图片格式上传");  　　　　　　$("#file").val(""); 　　　　　　return; 　　　　} 　　} });

转载于:https://www.cnblogs.com/maochunhong/p/9394844.html

相关资源：JS判断上传文件的大小类型等限制