您的位置:首页 > Web前端 > JavaScript

js 控制 上传文件的大小和类型

2017-02-22 17:53 711 查看
做的一个文件上传的demo

注意的是 文件大小的单位是 字节 也就是 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