jQuery+PHP实现图片上传并提交功能

图片上传思路：通过ajax实现图片上传，然后把PHP返回的图片地址，加入到隐藏字段中，最后通过表单提交给后台PHP，代码如下

HTML代码 zimg.html文件：

 
 
 


 

 
  上传图片
  
 
 
  
  上传
  
 

 

 
  
 
 
 

后台PHP代码 a.php：

 1, 'msg' => '上传成功','url' => $pic_path]);exit;
 }else{
 echo json_encode(['status' => 0, 'msg' => '上传失败']);exit;
 }
}elseif($_GET['action'] == 2){//提交文件表单
 echo '
';
 var_dump($_POST);
}
 
 

最后实现效果如下：

ps：js代码是使用jQuery的写法，需引入jQuery代码库文件

到此这篇关于jQuery加PHP实现图片上传并提交实现详解的文章就介绍到这了,更多相关jQuery加PHP实现图片上传并提交内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！