时间戳

首页 > 解决方案 > 使用 JavaScript 和 asp.net 核心从数据库中删除现有图像

javascript - 使用 JavaScript 和 asp.net 核心从数据库中删除现有图像

问题描述

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

剃刀视图：

                 @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();
       }

标签： javascriptasp.net-core

解决方案

为此，您需要与后端沟通您正在删除图像。

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

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

推荐阅读