jQuery ajax表单上传图像并提交表单并将值保存在MySQL db中[重复]答案

【问题标题】：jQuery ajax form to upload image & submit form & save values in MySQL db [duplicate]jQuery ajax表单上传图像并提交表单并将值保存在MySQL db中[重复]
【发布时间】：2017-02-06 15:24:51
【问题描述】：

我有一个 HTML 表单，我通过 jquery.$ajax(); 提交它

表单必须： 1. 上传图片到目录，带ERROR-CHECKS 2.将image-path保存到mysql DB 3.插入其他2个表格VALUES：输入+选择值到DB 4. 警报 - 如果两个图像都已上传且值已成功提交到数据库，则在表单提交时成功

我厌倦了尝试使用 JSON：

$.ajax({
url: 'submit.php',
type: 'POST',
data: data,
cache: false,
dataType: 'json',
processData: false, // Don't process the files
contentType: false, // Set content type to false as jQuery will tell the server its a query string request
success: function (data, textStatus, jqXHR) { 

// lots of bullshit code 

}

});

任何新鲜的完整工作代码？哪些可以完成这些任务？我已经发布了 2 个寻求 JSON 帮助的问题，但似乎没有人同意，与 JSON 作斗争。

///////////////////////////////////////////////////////////////////////////////////////////////////// ///////

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<form name="fb_form" id="fb_form" method="post" action="" enctype="multipart/form-data">
<table class="sm" border="1px solid #CCCCCC">
<tr>
<td><strong>Facebook</strong></td>
<td><input type="file" name="fb_icon" style="border: solid 1px #90D8CF;"
placeholder="Upload Image"></td>
<td><input type="text" name="fb_link" style="border: solid 1px #90D8CF;"
placeholder="Paste redirect link"></td>
<td>
<select name="show_fb" class="myselect">
<option value="">---Select---</option>
<option value="1">Show</option>
<option value="0">Hide</option>
</select>
</td>
<td>
<button class="myButton" type="submit" id="fb_submit">UPDATE</button>
</td>
</tr>
</table>
</form><!--------FB Form ends here------------>


</body>
</html>

///////////////// submit.php 中的基本 MYSQL 数据库结构代码 /////////////// /////

$filename_wpath =  $imagepath;
    $fb_link = $_POST['fb_link'];
    $show_fb = $_POST['show_fb'];


$sql = "INSERT INTO `tblbasicheader`(fldFB_image, fldFB_link, fldHideShow)
                VALUES('$filename_wpath','$fb_link','$show_fb')";

mysqli_query($db_conx, $sql);

任何猜测，里面应该有什么好的代码：$.ajax(); 提前感谢大量代码斗士:)

【问题讨论】：

标签： javascript jquery mysql json ajax

【解决方案1】：

一个简单的谷歌搜索引导我使用 jQuery 找到这个demo app。

P.S：如果谷歌找不到，你可能搜索错了。

【讨论】：