html上传文件与后台处理,前端文件上传与后台数据返回展示

1.前端代码-HTML

支持扩展名：.txt .doc .docx .pdf

2.前端代码-JS/*选择文件*/

getFile:function(event){

var file = event.target.files;

for(var i = 0;i

//上传类型判断

var imgName = file[i].name;

var idx = imgName.lastIndexOf(".");

if (idx != -1){

var ext = imgName.substr(idx+1).toUpperCase();

ext = ext.toLowerCase( );

if (ext!='pdf' && ext!='doc' && ext!='docx' && ext!='txt'){

}else{

this.addArr.push(file[i]);

}

}else{

}

}

},

/*开始上传*/

submitAddFile:function(){

if(0 == this.addArr.length){

layer.msg("请选择文件", {icon: 1});

return;

}