上传错误未显示在预期的位置

Question

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

问题在于，当显示上传错误时，它始终会显示在页面顶部的第一个<li>中。

cookbook.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>

upload.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也是一种选择。