javascript - 如何在上传图片时发送一些额外的字段？

Question

我正在创建一个动态 slider 。就像在侧面一样，管理员可以上传 slider 的图像，这些图像将显示在正面。我正在上传多张图片。所有这些代码都已准备就绪并且可以成功运行，但我的客户希望如此:

1. 在添加图像时，他需要每个图像的 URL 必须保存在数据库中 这样，当任何一个用户单击图像(在 slider 中)时，她/他 应转到该图像的已保存 URL。

2. 每个图像都应该有一个单独的计时，这里的计时意味着图像必须在 slider 中停留多长时间，因为我们知道 slider 中所有图像都连续移动。

当我上传多个图像时，如何为每个图像设置单独的 URL 和时间

我需要像当我浏览图像时(仅浏览而不上传)那样，我浏览的图像将显示出来，并且在每个图像下方将有两个文本框，用于输入 URL 和时间。这是解决方案，但我不知道该怎么做。

Answer 1

当您从管理端上传图像时，请为图像 URL 和图像延迟时间创建 2 个额外字段。

然后将它们保存到DB中

在将这些图像渲染到前端时......使用循环生成链接和图像。类似这样的事情

foreach($images as $img){
?>
<a href="<?php echo $img['link'] ?>"> 
    <img src="<?php echo $img['img_url'] ?>" />    
 </a>
<?php
}

另一个问题是每个图像都有不同的延迟。这取决于您使用哪个图像 slider 。

您首先必须找到图像 slider 插件，它允许在每张幻灯片中具有不同的延迟