php - 上传完成后如何将新文件名返回到 Dropzone 作为隐藏表单输入？

Question

我目前正在使用 Dropzone 来允许用户将一些文件上传到我正在开发的系统中，并将 Dropzone 链接到 div在我的形式中，

但是一旦上传完成，我希望将新上传文件的文件名作为 hidden 返回到 Dropzone。表单输入，以便我可以将文件名保存在数据库中。

下面是我使用的代码:

$(document).ready(function(){
    var myDropzone = new Dropzone("div#my-awesome-dropzone", {  
        url: "?content=plg_dropzone&folder=php&file=uploadhandler&alert=yes",
        addRemoveLinks : true,
        acceptedFiles : "application/pdf",
        maxFilesize: 5, // MB
        maxFiles: 5
    });
});

在这方面的帮助将不胜感激。我在网上搜索过，没有得到解决方案。

谢谢

Answer 1

感谢 @edwin Krause在这方面给我第一个提示。但是因为我需要对其进行另一次搜索以实际替换预览的来源，所以我在此处添加了我的发现，供其他不知道如何去做的人使用。

success: function( file, response ) {
    file.previewElement.querySelector("img").src = response;
}

如果您返回 JSON，我的 PHP 脚本会响应已上传为纯 HTML 的裁剪图像的名称，您的成功回调可能如下所示

success: function( file, response ) {
    obj = JSON.parse(response);
    file.previewElement.querySelector("img").src = obj.src;
}

或者适用于 Dropzone.js 5.7.2(2020 年 7 月 23 日)的代码版本是:

success: function( file, response ) {
    file.previewElement.querySelector("img").src = response.src;
}

通知: obj.src或 response.src - src当然必须匹配您的 json 属性。
您甚至可以替换整个 file.previewElement与您的服务器响应