图片上传思路：通过ajax实现图片上传，然后把PHP返回的图片地址，加入到隐藏字段中，最后通过表单提交给后台PHP，代码如下
HTML代码 zimg.html文件：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义上传图片</title> </head> <body> <form action="a.php" method="post"> <span> 上传图片 </span> <span> <input type="file" id="img_url" name="img_url" accept=".jpg, .gif, .jpeg, .bmp, .png"/> <a onclick="UpLoadImg()">上传</a> <input type="hidden" id="url_data" name="url_data"/> </span> <br> <span> <input type="submit" value="提交"> </span> </form> </body> <!-- 引入jq --> <script src="/UploadFiles/2021-04-02/jquery-3.0.0.min.js">后台PHP代码 a.php：
<"YmdHis") . $rand . $type; //上传路径 $pic_path = "img/". $pics; //移动到指定目录，上传图片 $res = move_uploaded_file($img['tmp_name'], $pic_path); if($res){ echo json_encode(['status' => 1, 'msg' => '上传成功','url' => $pic_path]);exit; }else{ echo json_encode(['status' => 0, 'msg' => '上传失败']);exit; } }elseif($_GET['action'] == 2){//提交文件表单 echo '<pre>'; var_dump($_POST); }最后实现效果如下：
ps：js代码是使用jQuery的写法，需引入jQuery代码库文件
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“jQuery+PHP实现图片上传并提交功能”评论...