js 控制 上传文件的大小和类型
2017-02-22 17:53
711 查看
做的一个文件上传的demo
注意的是 文件大小的单位是 字节 也就是 kb
如果说 最大文件的大小是5MB 那么就需要单位换算
1 MB =1024 KB
1 KB = 1024B
注意的是 文件大小的单位是 字节 也就是 kb
如果说 最大文件的大小是5MB 那么就需要单位换算
1 MB =1024 KB
1 KB = 1024B
// html部分 <form id="uploadForm"> <input type="file" onchange="fileChange(this)" id="upLoad"> <p id="error-msg"></p> <input type="button" value="上传" id="submit"> </form>
//js部分 function fileChange(target){ var fileEnd = filePath.substring(filePath.lastIndexOf('.')) for(var i=0;i<fileTypes.length;i++){ if(fileEnd == fileTypes[i]){ bNext = true; msgTxt.innerHTML = ''; break; } }; if(!bNext){ msgTxt.innerHTML = '文件类型不正确'; target.value = ''; return false; } } fileSize = document.getElementById('upLoad').files[0].size; if(fileSize>fileMaxSize){ msgTxt.innerHTML = '文件最大不能超过 5M'; target.value = ''; return false; }else if(fileSize<=0){ msgTxt.innerHTML = '文件不得小于 0M'; target.value = ''; return false; } } //上传 提交 document.getElementById('submit').onclick = function(){ if(document.getElementById('upLoad').value==''){ return false; //如果上传文件为空,那么就不向后台发请求 } var formData = new FormData(document.getElementById("uploadForm")); $.ajax({ url: '......' , type: 'POST', data: formData, async: false, cache: false, contentType: false, processData: false, success: function (response) { alert(response); }, error: function (response) { alert(response); } }); }
相关文章推荐
- js 控制上传文件大小
- IE+JS: 上传之前检测图片文件大小及类型
- JS控制FileUpload的上传文件类型
- JS限制上传文件类型和大小(不是宽…
- JS控制上传文件大小
- JS判断、控制文件上传的类型
- js判断上传文件的类型和大小
- js判断上传文件的类型和大小
- JS 控制RadioButtonList 获得上传文件类型后选中
- js判断上传文件的类型和大小
- js验证上传图片文件大小,类型等
- js控制上传文件大小
- 实现struts2文件上传的类型限定以及文件大小控制
- asp.net2.0实现文件上传,控制上传文件大小,类型
- js验证上传图片文件大小,类型等
- js控制上传文件大小
- 实现struts2文件上传的类型限定以及文件大小控制
- asp.net2.0实现文件上传,控制上传文件大小,类型
- js限制上传文件的类型和大小
- 状态数据库中上传文件在js页面端判断上传文件的类型和大小