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

 

posted on 2019-08-28 17:29  碎片时间  阅读(1295)  评论(0编辑  收藏  举报

导航