在一个页面上使用多个实例进行Filepond：只有最后一个实例可以正确上传

Question

我正在使用Filepond，这是一个很棒的插件，但是当我尝试在同一页面上放置多个实例时，只有最后一个实例可以正确上传。其他所有文件都可以正确显示，但只能上传到“ tmp”文件夹：这些文件永远不会上传到“ uploads”文件夹。

我正在使用的代码如下，该代码实际上是在上一个SO问题中找到的（唯一的区别是我的“定义服务器位置”在最后）： How do I set up multiple FilePond file input elements on the same page?

这里是：

<input type="file" class="filepond">
<input type="file" class="filepond">
<input type="file" class="filepond">

<script>
// get a collection of elements with class filepond
const inputElements = document.querySelectorAll('input.filepond');

// loop over input elements
Array.from(inputElements).forEach(inputElement => {

// create a FilePond instance at the input element location
FilePond.create(inputElement);

// define the server location
FilePond.setOptions({
server: 'http://localhost:8080/wp12-fidusalaire/wp-content/plugins/one-shot-form/',
});


})
</script>

非常感谢您！