使用 data-id ajax 从服务器中删除带有图像的 div答案

【问题标题】：Delete div with image from server with data-id ajax使用 data-id ajax 从服务器中删除带有图像的 div
【发布时间】：2021-05-13 11:43:42
【问题描述】：

我正在使用 wordpress。我想制作一个从图库中删除图像的脚本。我有一个脚本，当我单击按钮时会删除图像。虽然它只是从页面中删除它们，而不是从服务器中删除，所以如果我保存更改并重新加载页面，图像将不会被删除。我有一个删除所有照片的脚本，这个脚本应该也能正常工作。

删除所有照片的脚本：

   'click .butterbean-remove-media' : 'removemedia'
                this.model.set( {
                    src   : media.filename,
                    value : media.id
                } );
        removemedia : function() {

            // Updates the model for the view.
            this.model.set( { src : '', value : '' } );
        }

我认为 ajax 脚本应该是这样的：

jQuery( function( $ ){
    $(document).on('click', '.image-remove-btn', function (e){
        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: 'param1=2&param2=3',
            success: function( data ) {
                $(this).closest('.thumbs').remove();
            }
        });
    });
});

但我不知道应该在data 中放置什么。我想data-id 有每个img。

【问题讨论】：

从呈现的 HTML 中删除它们与从服务器中删除它们不同。您希望脚本从图库中删除所有图像文件还是仅删除选定的文件？
@NikosGkogkopoulos 只选择了一些，我已经有了删除所有图像的脚本
要继续这个案例，您是从管理面板还是从前端选择它们？请分享有关此案的更多信息
来自管理面板。管理员可以从图库中添加、移动和删除图像。在前端，它们只显示
那你为什么需要一个脚本来做到这一点？只需从媒体选项卡中批量选择您想要的图像，然后按删除，不需要任何脚本

标签： javascript php jquery ajax wordpress

【解决方案1】：

您必须首先获取要删除（单击）的图像的特殊 id。

得到这个；点击图片的元素在任何地方都必须有点击图片的特殊 id。使用您的 ID 使用 ajax 的服务器

【讨论】：