使用JavaScript和asp.net内核从数据库中删除现有镜像

Question

下面的代码只从客户端查看和删除图像，我也想从数据库中删除它。

剃刀视图：

                 @foreach (var item in ViewBag.LatesAd)
                        {
                            <div class="img-wrap">
                                <span class="close">&times;</span>
                                <img src="~/upload/@item.ImgPath" >
                            </div>
                        }


                    <script>
                   
                    var closeBtns = document.querySelectorAll('.img-wrap .close')
                    for (var i = 0, l = closeBtns.length; i < l; i++)
                    {
                        closeBtns[i].addEventListener('click', function () {
                            var imgWrap = this.parentElement;
                            imgWrap.parentElement.removeChild(imgWrap);
                        });
                    }
                </script>

控制器：

    public async Task<IActionResult> Edit(int id)
       {
        ViewBag.LatesAd = (from f in _context.AdsImg
                           where f.AdId == id
                           select f).ToList();
       } 

Answer 1

为此，您需要通知后台您正在删除镜像。

例如，当用户单击.close时，除了从页面中删除HTML外，还可以向服务器发送带有图像ID或smth的AJAX请求。

在后端，你应该有Destroy或者类似的方法。