ajax利用FormData异步文件提交

Posted 2020-10-25 北纬95度

　　通常情况下，我们上传文件都会使用form表单来提交文件。但有时候，我们会有异步提交文件的需求，在这种情况下，我们就需要新建一个Formdata来提交文件,后台如果使用的是php的话可以使用$_FILES来获取上传的文件。

var formdata = new FormData();//新建一个Formdata用来存储文件
formdata.append(‘submitfile‘, $("#file")[0].files[0]);//获取文件内容，并且用append的方法把文件放入formdata中
$.ajax({
    type:"POST",
    data:formdata,
    url:‘‘,
    cache: false,
    processData: false,
    contentType: false,
    success:function(data){
        alert(data.msg);
        if(data.code == 1){
            var timer = setTimeout(function(){
                window.location.href = window.location.href;
                clearTimeout(timer);
            },2000)
        }
    },
    error:function(data){
        layer.msg(‘获取数据失败‘);
    }
})
return false;
})