ajax 图片上传

最新推荐文章于 2019-11-08 17:16:48 发布

gd680828

最新推荐文章于 2019-11-08 17:16:48 发布

阅读量431

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/gd680828/article/details/78325348

版权

1 篇文章 0 订阅

订阅专栏

 
 话不多说，直接贴代码
  

 
 $ 
 ( 
 '.ajax-post' 
 ). 
 click 
 ( 
 function 
 (){ 

 
  
 var  
 form_data  
 =  
 $ 
 ( 
 'form' 
 ). 
 serializeArray 
 (); 

 
  
 var  
 form  
 =  
 new  
 FormData 
 (); 

 
  
 $ 
 . 
 each 
 ( 
 form_data 
 , 
 function 
 (){ 

 
  
 form 
 . 
 append 
 ( 
 this 
 . 
 name 
 , 
 this 
 . 
 value 
 ); 

});

 
  
 form 
 . 
 append 
 ( 
 'goods_img' 
 , 
 $ 
 ( 
 '.goods_img' 
 )[ 
 0 
 ]. 
 files 
 [ 
 0 
 ]); 

 
  
 $ 
 . 
 each 
 ( 
 $ 
 ( 
 '.goods_photo' 
 ), 
 function 
 (){ 

 
  
 form 
 . 
 append 
 ( 
 'goods_photo[]' 
 , 
 this 
 . 
 files 
 [ 
 0 
 ]); 

});

 
  
 $ 
 . 
 ajax 
 ({ 

 
  
 type  
 : 
 'POST' 
 , 

 
  
 url  
 : 
 " 
 <?=  
 site_url( 
 'Goods/insert' 
 ) 
 ?> 
 " 
 , 

 
  
 data  
 : 
 form 
 , 

 
  
 dataType 
 :  
 'json' 
 , 

 
  
 cache  
 : 
 false 
 , 

 
  
 contentType  
 : 
 false 
 , 

 
  
 processData  
 : 
 false 
 , 

 
  
 success 
 :  
 function 
 (res){ 

 
  
 alert 
 (res. 
 message 
 ); 

 
  
 if 
 (res. 
 code  
 ==  
 0 
 ){ 

 
 return false 
 ;

}

 
  
 location 
 . 
 href  
 = res. 
 url 
 ; 

}

});

});

关注