Javascript filepond Jquery获取被拖放的文件名

我正在使用jquery filepond图像上传器插件，该插件将文件上传转换为拖放区

                        <input  type="file" class="filepond" id="filepond"  
 name="filepond"/>

下面是初始化文件池的脚本

<script>
    $(function(){

        // First register any plugins
        $.fn.filepond.registerPlugin(FilePondPluginImagePreview);

        // Turn input element into a pond
      $('.filepond').filepond();


        // Listen for addfile event
        $('.filepond').on('FilePond:addfile', function(e) {
            console.log('file added event', e);


        });


    });
    </script>

$（函数（）{
//首先注册任何插件
$.fn.filepond.registerPlugin（FilePondPluginImagePreview）；
//将输入元素转换为池塘
$（'.filepond'）.filepond（）；
//侦听addfile事件
$（'.filepond'）.on（'filepond:addfile'，函数（e）{
log（'file added event'，e）；
});
});

我计划在不使用ajax的情况下提交一个表单，这是一个直接提交表单

我只是想知道如何获取拖放的文件名，以便将文件名值分配给另一个隐藏输入，以便通过表单提交直接提交整个表单

一旦文件被删除，我就让console记录事件console.log（'file added event'，e）

---

请帮助我在文件池中获取文件名。

根据文档，您可以使用a来了解文件何时被拖放

在事件中，然后你可以，然后你只需要得到名称与

下面是一个纯javascript示例：

const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);    
const pondBox = document.querySelector('.filepond--root');
pondBox.addEventListener('FilePond:addfile', e => {
        console.log('file added event', e.detail);
        var fileName = pond.getFile().filename;
    });

---

根据文档，您可以使用来了解文件何时被拖放

在事件中，然后你可以，然后你只需要得到名称与

下面是一个纯javascript示例：

const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);    
const pondBox = document.querySelector('.filepond--root');
pondBox.addEventListener('FilePond:addfile', e => {
        console.log('file added event', e.detail);
        var fileName = pond.getFile().filename;
    });

---

您可以发布文件名，但不能将文件数据与表单一起发布，不幸的是，由于浏览器的限制，这是不可能的。您只需要文件名吗？@Rik yah只有文件名会存储到数据库您可以发布文件名，但不能将文件数据与表单一起发布，不幸的是，由于浏览器限制，无法发布。您只需要文件名吗？@Rik yah只有文件名会存储到数据库中