0

我将 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>

如何使用提交表单按钮下载我的文件并获取$_POST['post_id']？

4

1 回答 1

1

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

要解决此限制，您可以：

  • 异步上传文件（使用 FilePondserver.process属性）
  • 将文件编码为 base64 数据（使用FilePond 编码插件）
  • 使用 DataTransfer 对象设置文件输入值（目前仅适用于 Chrome / Firefox）

有关 DataTransfer 解决方案的更多信息，请参阅： https ://pqina.nl/blog/the-trouble-with-editing-and-uploading-files-in-the-browser/

于 2019-09-30T07:57:55.270 回答