Javascript 如何使用PHP将来自图像标签的图像存储在数据库中？

我有一个像这样的图像标签：

  <img src="" id="img1" alt="img1" width="100" height="100" style="display: none;">

现在，我如何修改此代码来存储该图像

编辑1:这是在你们建议之后我所做的

    if(isset($_POST['save'])){
        $image = $_POST['img_src_value'];

        global $wpdb; 

        $table = $wpdb->prefix ."authorlist"; 
        $wpdb->insert( 
            $table, 
            array( 
                'authorname' => $image,
                )
            );            
    }

这是我的图像标签：

  <img src="" id="img1" alt="img1" width="100" height="100" style="display: none;">
  <form method="POST" name="imgForm">
  <input name="img_src_value" type="hidden" class="img_src_value" value="">
  </form>

---

尽管您必须知道这个图像标记也在表单本身中。那么，我应该再加一个表单标签吗

采用表单标记和隐藏字段。使用javascript还可以将img src值添加到隐藏字段中

<img src="" id="img1" alt="img1" width="100" height="100" style="display: none;">
<input name="img_src_value" type="hidden" class="img_src_value" value="">

---

在动态设置图像源的同时，在隐藏字段中设置相同的值，在提交表单时，将在请求值中获得该值

您将收到它作为

$name="checkcheck";

$image = $_POST['imagesource'];

global $wpdb; 

$table = $wpdb->prefix ."authorlist"; 
$wpdb->insert( 
    $table, 
    array( 
        'authorname' => $name,
        'image' => $image
        )
    );            

---

请更新你的全部代码，以检查你做了什么？我已经更新了我的代码，请检查它并让我知道没有在JS我只设置src值的img标签。你应该知道我还有其他的img标签。使用您更新的代码，我在数据库中收到一个空白条目@Sudharshan您需要添加JS以向隐藏字段添加值，也请添加您尝试过的代码，否则您的问题将被删除，然后删除表单标记。我已经更新了我的答案。请检查，在JS中，您是否也为隐藏字段添加了值？

if(isset($_POST['save'])){
   $imgSrc = $_POST['img_src_value']; /// You can get that value here           
 }

$name="checkcheck";

$image = $_POST['imagesource'];

global $wpdb; 

$table = $wpdb->prefix ."authorlist"; 
$wpdb->insert( 
    $table, 
    array( 
        'authorname' => $name,
        'image' => $image
        )
    );