Laravel 如何将Filepond与PHP表单一起使用,并使用post附加文件

Laravel 如何将Filepond与PHP表单一起使用,并使用post附加文件,laravel,file-upload,filepond,Laravel,File Upload,Filepond,我正在使用Filepond和Laravel框架 我需要发送一个与文章相关的文件 HTML代码: <form action="submit.php" enctype="multipart/form-data" method="POST"> <input type="hidden" name="post_id" value="2" /> <input type="file" class="filepond" name="filepond" dat

我正在使用Filepond和Laravel框架

我需要发送一个与文章相关的文件

HTML代码:

<form action="submit.php" enctype="multipart/form-data" method="POST">
      <input type="hidden" name="post_id" value="2" />
      <input type="file" class="filepond" name="filepond" data-max-files="1"/>
      <input type="submit" value="Upload" name="submit" class="btn btn-info" />
</form>

<script>
    // get a reference to the input element
    const inputElement = document.querySelector('input[type="file"]');

    // create a FilePond instance at the input element location
    const pond = FilePond.create( inputElement, {
        maxFiles: 1,
        allowBrowse: false,
        instantUpload: false,
    });
</script>

//获取对输入元素的引用
const inputElement=document.querySelector('input[type=“file”]”);
//在输入元素位置创建FilePond实例
const pond=FilePond.create(inputElement{
maxFiles:1,
allowBrowse:false,
instantUpload:false,
});

如何使用“提交表单”按钮下载文件并获取
$\u POST['POST\u id']

不幸的是,这在大多数浏览器上是不可能的,因为无法设置文件输入字段的值

要解决此限制,您可以:

  • 异步上载文件(使用FilePond
    server.process
    属性)
  • 将文件编码为base64数据(使用)
  • 使用DataTransfer对象设置文件输入值(目前仅适用于Chrome/Firefox)
有关数据传输解决方案的更多信息,请参阅: