Dropzone JS 添加删除按钮

Question

抱歉，我还是 dropzone 的新手，我需要在文件成功上传后从 Dropzone JS 创建删除按钮，我尝试使用

if(typeof Dropzone != 'undefined')
        {

            Dropzone.autoDiscover = true;

            $(".dropzone[action]").each(function(i, el)
            {
                $(el).dropzone();
            });
            Dropzone.createElement("<button>Remove file</button>");     

        }

删除按钮仍然没有显示在缩略图的底部。我的页面 ：

<form action="data/upload-file.php" class="dropzone"></form>

我的 PHP 上传文件

<?php

header('Content-Type: application/json');

#$errors = mt_rand(0,100)%2==0; // Random response (Demo Purpose)
$errors = false;


$resp = array(
);

# Normal Response Code
if(function_exists('http_response_code'))
    http_response_code(200);

# On Error
if($errors)
{
    if(function_exists('http_response_code'))
        http_response_code(400);

    $resp['error'] = "Couldn't upload file, reason: ~";
}

echo json_encode($resp);

Answer 1

通过添加“addRemoveLinks：true”，我成功了，感谢@pddong

if(typeof Dropzone != 'undefined')
    {
        Dropzone.autoDiscover = false;
        var myDropzone = new Dropzone("#myDropzone", {
        url: "data/upload-file.php",
        maxFileSize: 50,
        acceptedFiles: ".pdf",
        addRemoveLinks: true,
        //more dropzone options here
    });

    }
};

和页面是这样的

<form action="data/upload-file.php" class="dropzone" id="myDropzone"></form>