使用formData对象提交表单并上传图片

FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。如果把表单的编码类型设置为:enctype =‘multipart/form-data’,则通过formData传输的数据格式和表单通过submit()方法传输的数据格式是一样的。

在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。

如何创建一个FormData对象?

1.创建一个FormData空对象,然后使用append方法添加key/value:

01: var formdata=new FormData();
02: formdata.append('usrName','kevin');
    formdata.append('pageNum',currentPage);
//HTML上传文件type='file'
    formdata.append('ios640',$('#ios640').files[0]);
    formdata.append('ios750',$('#ios750').files[0]);
    formdata.append('ios1242',$('#ios1242').files[0]);
2.取得form对象,作为参数传入到FormData对象中:

使用FormData提交表单并上传文件?



   
      
      使用FormData上传文件
      
   
   
      


你可能感兴趣的:(WEB,HTML,CSS,JavaScript,Ajax)