前言

使用ajax方式提交带有文件上传的form表单

form表单

form表单内容,需添加属性：enctype="multipart/form-data"

        

            文件名称：
            

                
            
        
        

          文件上传
           

            
            
请选择本地文件上传
           
         
        

            备注：
            

                
            
        
        

            

                
            
        

    

当input标签type设置submit的时候，是可以自动提交带文件的表单

ajax提交表单

如果type设置为button，想自己写一个ajax请求提交

先获取form表单的数据

.serialize() 序列化获取不到type="file" 文件类型参数，需使用使用FormData对象来获取文件参数（FormData对象是html5的一个对象，目前的一些主流的浏览器都已经兼容）