php - 上传错误未按预期显示

Question

使用烹饪书概念，用户可以添加食谱，并且他们可以为每个食谱上传一张图片。

问题是当显示上传错误时，它总是显示在<li>页面顶部的第一个。

食谱.php：

<ol>
   <li id="bar<?php echo recipe_id ?>">
      <div class="upload_icon" id="upload<?php echo recipe_id ?>"></div>
      <div class="star_icon"></div>
      <div class="share_icon"></div>
      <div class="error_extra" id="error_extra<?php echo $recipe_id?>">
      <?php 
      if (isset($_SESSION['error_message'])) {
      echo $_SESSION['error_message'];
      unset($_SESSION['error_message']); 
      } ?> 
      </div>
   </li>
</ol>

上传.php：

if ($_SERVER["REQUEST_METHOD"] == "POST");
//variable declarations
if ($size >= 2097152) {

$_SESSION['error_message'] = 'Your file must be less than 2MB!';           
redirect('cookingbook.php');
exit;
} 
else {
//blablabla
     }

如果用户试图通过图标上传图像upload478，错误应该出现在 #bar478.

我怎么能做到这一点？

Answer 1

好吧，你有几个选择。

您可以删除<li>，或者不进行重定向，您可以使用回显、弹出警报和使用 Ajax 也是一种选择。