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;
　　　　}
　　}
});