首页 > 解决方案 > 删除与 dropzone 的链接

问题描述

当我上传文件时,我正在处理dropzone a href,我可以删除我的文件,或者如果我有一个,我也可以删除它。例如:

我有这个:

在此处输入图像描述

我也有一个带有 img 的 dropzone,在那里我可以删除图像,但包含的 href,它有这个链接:<a class="dz-remove" href="javascript:undefined;" data-dz-remove="">Remove file</a>我不明白它是如何删除这个图像的。我需要做同样的事情,但我的视频。我的实际代码是:

let previewVideo = $("<div class='dropzone dz-preview dz-image preview-video'></div>");
let imgVideo = $("<img class='icon-video' id='video-image'/>");
let imgURL = "{{ asset('images/icons/icon-video.png') }}";
let size = var15671147011688676454bleVideo["size"] / 1024 / 1024;
let type = var15671147011688676454bleVideo["collection_name"];
                                

$(".dz-default.dz-message").replaceWith(previewVideo);
$('.preview-video').append(imgVideo);
$("#video-image").attr('src', imgURL);
$(".preview-video").append("<div class='dz-details' id='details'></div>");
$("#details").append("<div class='dz-size'></div>")
$(".dz-size").append("<span class='data-dz-size'></span>");
$(".data-dz-size").append(size.toFixed(2) + "MB");
$(".preview-video").append("<div class='dz-size' id='type'></div>");
$("#type").append("<span class='data-dz-size' id='nameVideo'></span>");
$("#nameVideo").append(type);

$('#nameVideo').after("<a class='dz-remove'>Remove file</a>");

我正在托盘添加href="javascript:undefined;" data-dz-remove=""我的ahref,但什么都没有。在代码中有一个功能removedfile是:

removedfile: function (file) {
                            alert("llego");
                            dzRemoveFile(
                                file, var15671147011688676454bleVideo, '{!! url("panel/restaurants/remove-media") !!}',
                                'video', '{!! isset($restaurant) ? $restaurant->id : 0 !!}', '{!! url("panel/uploads/clear") !!}', '{!! csrf_token() !!}'
                            );
                        }

但如果我这样做 onClick(this.removedfile(file)) 文件未定义或removedfile 未定义或删除不是一个函数....

我不知道我该怎么做。

感谢帮助

标签: javascriptjquerydropzone

解决方案


推荐阅读