ajax上传文件及限制文件类型

上传报告文档限制为pdf,word,excel文件，通过input的accept属性设置

<div class="inputs" style="width:100%;">
     <input type="file" accept="*.pdf,*.doc,*.xls" id="crowd_file_tz"/>
     <input type="button" class="upfileBtn" id="uploadFileTZ" value="上传"/>
</div>

通过ajax发送请求：

//上传台账信息
$('#uploadFileTZ').click(function(){
    uploadFile('4','#crowd_file_tz');
});

var uploadFile = function(file_type,fileDom){
    var formData = new FormData(); 
    var albh = sbbm;
    var crowdFile = $(fileDom)[0].files[0];
    formData.append('file',crowdFile);
    formData.append('albh',albh);
    formData.append('tplx',file_type);

    $.ajax({
        url: '/insertAltpAndWd',
        type: 'POST',
        cache: false, //上传文件不需要缓存
        data: formData,
        processData: false, // 告诉jQuery不要去处理发送的数据
        contentType: false, // 告诉jQuery不要去设置Content-Type请求头
        success: function (data) {
            console.log(data);
            MsgBox('提示','插入成功');
            setTimeout(fadeOut,500);
        },
        error: function (data) {
            MsgBox('提示','上传失败');
            setTimeout(fadeOut,500);
        }
    })
}

 

来源：https://www.cnblogs.com/ddzhou/p/11425323.html