C语言学习网

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

发表于:2022-10-03 作者:安全数据网编辑
编辑最后更新 2022年10月03日,这篇文章主要介绍了jQuery+PHP实现图片上传并提交功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。图片上传思路:通过ajax实

这篇文章主要介绍了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实现图片上传并提交功能"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0