javascript - javascript中动态二维数组和php中foreach循环

Question

我正在使用 jquery 上传图像，在 jquery ui 对话框中，显示图像及其标题文本框，结果如下:

<ul id="image-list">
<li class="image-uploaded"><img src="www.site.com/gallery/e119f2-41dffd-678293-57c6db-7c665e-938481.png" class="thumb" rel="e119f2-41dffd-678293-57c6db-7c665e-938481.png"> <input id="ee773a0fee4669064560ad260cbfa2e8" name="title[]" class="input" style="width: 390px;" rel="e119f2-41dffd-678293-57c6db-7c665e-938481.png" type="text"></li>

<li class="image-uploaded"><img src="www.site.com/gallery/2658bc-992627-b4a698-f4e6f3-5719dd-d6b991.png" class="thumb" rel="2658bc-992627-b4a698-f4e6f3-5719dd-d6b991.png"> <input id="c8ca272704576fb747c5c2d76e582a4c" name="title[]" class="input" style="width: 390px;" rel="2658bc-992627-b4a698-f4e6f3-5719dd-d6b991.png" type="text"></li>

<li class="image-uploaded"><img src="www.site.com/gallery/813474-8551a5-896321-f2d8a1-bc5535-925d95.png" class="thumb" rel="813474-8551a5-896321-f2d8a1-bc5535-925d95.png"> <input id="288b465ab28b29f31889aea530e51bb3" name="title[]" class="input" style="width: 390px;" rel="813474-8551a5-896321-f2d8a1-bc5535-925d95.png" type="text"></li>

现在，我想在文本框中获取图像的名称及其标题，使用 $.post 方法发送，并在 ajax.php 页面中将它们插入数据库.

我的 jQuery 代码部分是这样的:

var array = [];   
$.each($("input[name='title[]']"), function(index, value) {
    array.push($(this).attr('rel'), $(this).val());
});
$.post('ajax.php', {ImgSave:1, images: array, gallery_id : 5}, function(result) {
    $("#msg").html(result);
});

最后，ajax.php 中的 PHP 部分如下所示:

$no = $_POST["gallery_id"];
$images = $_POST["images"];
foreach ($images as $image => $title):
    $sql = "INSERT INTO gallery (gal_id, image, title) VALUES ('$no', '$image', '$title')";
    mysqli_query($connection,$sql); 
endforeach;

但是没有成功。我正在发送一张图像，但在 foreach 循环中，它返回 2 次。第一次它显示图像名称，如 e119f2-41dffd-678293-57c6db-7c665e-938481.png ，第二次它显示标题。你能帮我吗？

Answer 1

当您将两个参数传递给 Array.prototype.push() 时，您只需将两个元素推送到数组即可。

我怀疑你想要这个:

array.push(<b>[</b>$(this).attr('rel'), $(this).val()<b>]</b>);

为每个图像推送数组。

在你的 PHP 文件中

$no = post("gallery_id");
$images = $_POST["images"];
$sql = "INSERT INTO gallery (gal_id, image, title) VALUES (?, ?, ?)";
<b>$stmt = mysqli_prepare($connection, $sql);</b> // Use prepared statements!
foreach ($images as <b>$imageDetails</b>):
    //Query is prepared once, and executed multiple times with different
    //parameters!
    mysqli_stmt_bind_param($stmt, "iss", $no, $imageDetails[0], $imageDetails[1]);
    //The details are now in array form, so [0] is the 'rel' and [1] is 'value'
    mysqli_stmt_execute($stmt);
endforeach;