Filepond无法在本地保存文件
Filepond是一个用于处理文件上传的JavaScript库。它提供了一个简单易用的界面，可以让用户选择文件并将其上传到服务器。然而，Filepond本身并不负责文件的保存，它只负责文件的选择和上传操作。
要在本地保存文件，您需要使用后端技术来处理文件上传并将文件保存到服务器或其他存储介质中。具体的实现方式取决于您使用的后端语言和框架。
以下是一个通用的文件上传的后端处理流程：
- 接收文件：在后端代码中，您需要编写一个接口来接收从前端传递过来的文件数据。这可以通过HTTP请求的方式进行，常见的方式有POST或PUT请求。
- 处理文件：一旦文件被接收到后端，您可以使用相应的后端技术来处理文件。这可能包括验证文件类型、大小限制、文件重命名等操作。
- 保存文件：在处理完文件后，您可以选择将文件保存到本地服务器的文件系统中，或者将文件存储到云存储服务中。对于本地保存，您可以使用后端语言提供的文件操作API来实现。对于云存储，您可以使用腾讯云提供的对象存储服务 COS（Cloud Object Storage）来保存文件。腾讯云COS是一种高可用、高可靠、低成本的云端存储服务，适用于各种场景下的文件存储需求。
- 返回结果：一旦文件保存成功，您可以向前端返回一个响应，通知用户文件上传成功。
综上所述，Filepond本身无法在本地保存文件，您需要使用后端技术来处理文件上传并将文件保存到服务器或云存储中。对于腾讯云用户，可以使用腾讯云的对象存储服务 COS 来保存文件。您可以参考腾讯云COS的官方文档了解更多详情：腾讯云对象存储 COS。
相关·内容
1回答
我使用和。
但是FilePond向服务器发送一个空白请求。
这是我的代码：*UserComponent.vue
<template>
<div class="container">
<file-pond
name="Profile"
ref="pond"
label-idle="drag & drop"
v-bind:allow-multiple="false"
浏览 4提问于2021-02-01得票数 0
我正在尝试将filepond字段重置为用户操作上的默认图像(即:单击按钮)。文件可以是本地文件，也可以上传到某个地方(如AWS)，这并不重要。目前，当第一次加载网页(因此是filepond实例/元素)时，我会加载一个默认的映像，所以我想手动调用load方法可以做到这一点，但我无法做到这一点。我也尝试了file-poster插件，但没有办法重新设置图像后，它已被删除。
如果您已经找到了这样做的方法或正在考虑什么，请告诉我:)
浏览 0提问于2021-02-09得票数 0
回答已采纳
3回答
我已经在我的页面上实现了Filepond上传。当用户选择一个文件时，我将该文件设置在html画布上进行编辑。但是，当用户想要上传另一个文件时，filepond input会保留上次上传的文件。 在FilePond:addfile事件中成功地在画布上设置文件之后，我尝试了FilePond.destroy(inputElement);。 $('.upload-file').filepond();
$.fn.filepond.registerPlugin(
FilePondPluginFileValidateType,
FilePondPluginFileVal
浏览 13提问于2019-06-02得票数 2
我正在使用filepond上传文件到我的web应用程序。我使用head标记中的所有脚本，使用延迟，但它们没有加载脚本。但是，当我将它们放在输入文件类型之后的body标记中时，它们将正确加载，filepond也在工作。同样，当我在正文中对相同的脚本使用defer时，filepond停止工作。我正在对模板文件进行注册：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=
浏览 0提问于2020-03-17得票数 1
回答已采纳
我正在使用filepond插件批量上传文件。上传的文件将保存到缓存中。现在，我想要单击delete按钮来删除缓存中相应的文件。我想知道前面文件的名称或id应该如何传输到控制器？或者当表单提交时，控制器如何获取filepond文件，这也可以解决我当前的问题。
这是c#I使用的代码：
[HttpPost]
public ActionResult SaveFiles()
{
if (Request.Files.Count > 0)
{
var file = Request.Files[0];
浏览 3提问于2019-10-11得票数 1
2回答
我有一个页面，其中动态地将多个输入文件字段添加到DOM中，每个字段都应该转换为一个FilePond。
下面是一个模拟我的问题的代码：
triggeredClick 单击"Load FilePond 1“并上传一个文件：FilePond:addfile事件是FilePond:addfile "Load FilePond 2"：FilePond:addfile事件将再次为第一个FilePond触发
创建第二个文件元素时，我只希望将该元素转换为FilePond。是否有只加载非转换文件输入的FilePond方法？
浏览 2提问于2019-11-11得票数 0
我使用将我的文件通过上传到服务器。
但是，在使用异步使用XMLHttpRequest上载文件时。我注意到控制台中弹出了以下错误。
在控制台中获取422 (非可处理实体)错误。
文件： Sopamo\LaravelFilepond\Http\Controllers\FilepondController.php
public function upload(Request $request)
{
$input = $request->file(config('filepond.input_name')); // $input = nul
浏览 2提问于2020-11-20得票数 0
回答已采纳
在导入所有插件时，我看到了同样的问题。
验证它们在文件上载的浏览器返回中没有正常工作。我试图编码这张照片上传到MongoDB地图集。
这似乎是某种TypeScript问题。我一直无法找到解决办法。使用VS代码和React。
到目前为止..。
用Yarn vs NPM重新安装所有插件，并在包前添加@type/
我创建了一个declarations.d.ts文件，用于在/src根目录以及filepond//src/中声明(建议).Placed。也许需要放在另一个目录里？
declare module 'FilePondPluginImageResize';
de
浏览 4提问于2020-01-21得票数 2
我希望在一个表单中有两个不同的文件上传字段，并使用filepond来很好地管理图像上传。到目前为止，我可以使用filepond，使用文档提供的代码，一个表单中的一个字段没有问题。
我假设我可以在以下更改中放置多个字段：
将输入从filepond_twoadjusting filepond重命名为filepond_one和将document.querySelector('inputtype="file"');重命名为querySelectorAll的
代码：
<input name="filepond_one[]" id="file_
浏览 4提问于2020-12-10得票数 1
回答已采纳
3回答
我的HTML文件：
<!DOCTYPE html>
<head>
...
</head>
<body>
...
<script src="script.js"></script>
</body>
我的JavaScript文件- script.js
import * as FilePond from 'filepond';
const myPond = FilePond.create({
multiple: false,
name:
浏览 4提问于2020-05-12得票数 3
回答已采纳
我希望你一切都好，只是想知道是否有人成功地设置了filepond图像大小的元数据插件。 https://github.com/yoldar/filepond-plugin-image-size-metadata 由于缺少文档，目前我已经将allowImageSizeMetadata设置为FilePond组件的一个参数： <FilePond
name={file}
files={file}
allowMultiple={false}
allowImageSizeMetadata={true}
server={null}
instantUpload={fal
浏览 22提问于2019-12-03得票数 0
伙计们，
我正在使用Laravel 9，我想在我的项目中使用sweetalert2和filepond。我通过npm安装了上述插件。这是我的app.js文件
import './bootstrap';
import Alpine from 'alpinejs';
import * as FilePond from 'filepond';
import Swal from 'sweetalert2';
import 'filepond/dist/filepond.min.css';
window.Alpine
浏览 15提问于2022-07-18得票数 1
我正在使用FilePond和Doka来管理和编辑具有独特需求的表单上的图像上传，我希望在向FilePond添加文件时能够自动调整和/或压缩图像。
我使用的是FilePond + Doka的React实现。
图像大小调整和压缩已经配置好了，当用户编辑图像然后点击“完成”时，它们就可以工作了，所以很明显一切都是正确的。
在我们的用例中，我们不太关心结果图像的质量和分辨率，但我们使用IndexedDB和LocalStorage对客户端大小进行了大量自定义文件管理。大多数用户图像不会被用户手动编辑/标记，所以我们希望能够在打开事务并推送到IndexedDB之前手动调整大小和压缩。
我尝试使用fileP
浏览 11提问于2019-11-05得票数 0
我使用的是jquery filepond图片上传插件，它可以将文件上传转换为拖放区。
<input type="file" class="filepond" id="filepond"
name="filepond"/>
以下是初始化文件池的脚本
<script>
$(function(){
// First register any plugins
$.fn.filepond.registerPlugin(F
浏览 2提问于2019-07-23得票数 0
2回答
我在React项目中有一个submit表单，在这里我使用filepond API，这样用户就可以向表单提交文件
我只是使用从目前为止的文档中获取的标准FilePond组件。
<FilePond ref={ref => this.pond = ref}
allowMultiple={true}
maxFiles={4}
oninit={() => this.handleInit() }
onup
浏览 0提问于2019-01-25得票数 4
回答已采纳
2回答
我正在尝试访问函数组件中的类组件方法。我已经读了好几个小时了，但我漏掉了一些东西。
准确地说，我正在尝试访问Filepond组件()的一个方法()
在文档中，我可以参考类组件：
<FilePond ref={ref => this.pond = ref}/>
然后我可以用这样的方法：
this.pond.addFiles();
但是我不能在我的函数中使用这个方法，因为'this‘不能在函数中使用。
TypeError:无法设置未定义的属性“池塘”
我认为useRef钩子可能会有所帮助，但它只适用于html元素。
import React from 'rea
浏览 5提问于2020-06-19得票数 2
回答已采纳
我需要手动操作一些DOM属性(动态更改文件元素的样式)。我通过document.getElementById ("filepond - item-" + id)搜索所需的元素。
但是，如果还没有呈现带有初始文件的Filepond DOM元素(getElementById()没有找到任何元素)，我就会遇到问题。
我目前正在用this.$NextTick()解决这个问题
<template>
<file-pond
ref="filepond"
:server="server"
:files="fil
浏览 3提问于2021-12-29得票数 1
回答已采纳
我正在尝试使用filepond上传一些图片。上传工作正常。我也想看看上传的图像预览。我已经尝试使用插件，但显然，我看不到任何变化。 {% block style %}
<link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css" re
浏览 38提问于2019-07-03得票数 0
回答已采纳
1回答
我试图让Filepond正常工作，但CSS中的这一行似乎破坏了它-- ul选择器中的overflow: hidden;。 我尝试对页面的整个部分进行the操作，直到Filepond起作用，将焦点放在css上，最后在ul {}中找到前面提到的那一行。我可以删除所有其他的东西，只留下这一行，Filepond仍然是坏的，所以我确定这是某种程度上的问题，但我不知道是怎么回事。 我尝试使用Chrome的Inspector功能查看运行时页面源代码，但找不到那里的溢出。 然后我使用了Notepad++的搜索文件功能来彻底搜索Filepond文件中的"overflow“，但是找不到它与ul的结合。我
浏览 13提问于2019-04-19得票数 0
回答已采纳
1回答
你好，我有一个FilePond实例：
<FilePond
ref={ref => this.pond = ref}
oninit={() => this.handleInit() }
onupdatefiles={(files) => this.props.setFile(files[0])}
/>
当您上传文件时，它会调用setFile()，将其保存到父组件的状态。从那里，我尝试将这个上传的文件添加到另一个FilePond实例，该实例也是要设置的父组件的子组件。下面是我目前正在尝试的方法：
<FilePond
ref={re
浏览 0提问于2018-12-08得票数 0
我想在FilePond中捕捉上传的文件。但是文件的base64并没有传递给我的对象。有什么解决办法吗？
模板中的
<FilePond
v-on:addfile="catch"
/>
In Data
data:function() {
return {
image:'',
}}
in Method
catch: function(fieldName, file) {
console.log('#', file.file) // The Blop format file ap
浏览 0提问于2019-02-07得票数 0
回答已采纳
我有一个简单的reactJS应用程序。在这个应用程序中，我有一个测试Filepond组件的网页。我还有一个nodeJs服务器，在上传文件时由Filepond组件调用。以下是定义Filepond组件时的代码：
render() {
return(....
<FilePond allowMultiple={false} name='file' acceptedFileTypes='application/pdf' server='http://localhost:80/upload' uploadId=999 />
浏览 0提问于2019-04-01得票数 2
1回答
我想将FilePond与.Net核心一起使用，就像我使用
我使用MVC，这是在我提交表单时运行的控制器中的操作：
public async Task<IActionResult> CreeAnnonce(Annonce annonce, IFormFile[] photos)
{
annonce.DateCreation = DateTime.Now;
annonce.DateModification = DateTime.Now;
if (Request.Form.Files.Count > 0)
{
浏览 12提问于2022-04-25得票数 1
回答已采纳
救命！
我一直在努力寻找如何检索已上载到FilePond窗体上的文件的路径。
到目前为止，这是我的代码。
<script src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.min.js"></script>
<script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.m
浏览 0提问于2019-04-09得票数 1
根据文档服务器对load的配置，应该返回一个包含头内容的文件对象，但是文件对象意味着什么呢？看上去怎么样？
使用下面的代码，我只能正确地加载图像名，我还需要加载预览图像和文件大小。
Javascript
<script>
FilePond.registerPlugin(FilePondPluginFileValidateType);
FilePond.registerPlugin(FilePondPluginFileValidateSize);
FilePond.registerPlugin(FilePondPluginImagePreview);
浏览 23提问于2022-03-07得票数 2
1回答
我正在使用react-filepond来处理多个文件。我需要在一个请求中将所有文件一起发送到API，而不是每个文件都有多个请求： // Import the Image EXIF Orientation and Image Preview plugins
import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation'
import FilePondPluginImagePreview from 'filepond-plugin-image-preview&#
浏览 26提问于2019-06-22得票数 0
回答已采纳
我使用的是Filepond，这是一个令人惊叹的插件，但当我尝试将多个实例放在同一页面上时，只有最后一个实例可以正确上传。所有其他文件都可以正确显示，但只能上传到"tmp“文件夹:文件永远不会出现在"uploads”文件夹中。 我使用的代码如下，实际上是在前面的SO问题中找到的(唯一的区别是我在最后的“定义服务器位置”)：How do I set up multiple FilePond file input elements on the same page? 这就是它： <input type="file" class="filepond
浏览 29提问于2020-09-08得票数 0
回答已采纳
在filepond中是否有一个方法可以在上传文件时返回true？如果没有，有没有其他方法来判断文件是否已经上传？我将提供以下示例代码： if(this.filepond.<method>){
this.filepond.processFile().then(file => {});
} 我也在一个angular应用程序中使用它。
浏览 48提问于2020-11-24得票数 0
1回答
我需要得到一个新网站的简单文件上传解决方案。我正在尝试上传Filepond和一个小程序来保存文件到本地文件系统。 我已经在一台新的Ubuntu LTS18机器上完成了以下代码。 https://codeunshackled.com/2018/11/03/React-File-Uploader-With-Node-Express/ Filepond没有提供错误详细信息，而是给出了消息"Error during upload“。我尝试过使用onerror事件，但是console.log似乎没有被触发。服务器和前端都在不同端口的同一个Linux机器上。 有一种替代的服务器方法，它使用所谓的
浏览 33提问于2019-02-20得票数 0
我已经设法让Filepond上传文件，将它们放在正确的文件夹中，并将必要的详细信息添加到mysql数据库中。但是，由于原始图像的分辨率非常高，我需要制作缩略图。图像的较小版本应该放在名为“缩略图”的子文件夹中。 我使用的是PHP样板，而一些文档并没有涵盖在那里使用的方法。例如，我试着这样做，只是为了测试： FilePond.setOptions({
maxFileSize: '25MB',
instantUpload: true,
server: 'api/',
imageTransfor
浏览 19提问于2019-05-01得票数 1
正在尝试从图像上传中获取base64并将其发送到服务器。使用其他值，我可以获得隐藏输入的值。Api被配置为一次获取2个文件，因此我无法在此时单独处理上传 在从上传图像的值映射“数据”时遇到问题，我尝试了一些简单的映射方法，但仍然失败。 下面是我的代码 import React, { Component } from 'react';
import {connect} from 'react-redux'
import {Button} from 'antd'
import IntlMessages from &#
浏览 25提问于2019-03-21得票数 1
我正在尝试上传文件到xammp服务器。我无法访问它上传的文件。我对这个链接server: 'http://localhost/'表示怀疑，因为当我将其更改为在服务器端处理数据的PHP名称时，它可以工作。
此外，我还在表单上添加了另一个名为username的字段，查看下面的代码，我希望将它们与Ajax结合在一起，但我不知道这种组合。
//initialize file pond with jquery plugin
$('#file').filepond({
allowMultiple: false,
server: 'http:/
浏览 2提问于2021-05-17得票数 2
回答已采纳
好吧，这是很奇怪的行为。以下是重现我的问题的步骤：
运行yarn add jquery-filepond
在import 'jquery-filepond'中添加application.js
就这样!我在控制台中遇到的错误是：
Error: Cannot find module 'jquery-filepond'
似乎是个愚蠢的错误，对吧？我不知道该怎么办。
浏览 0提问于2019-07-23得票数 0
回答已采纳
1回答
现在我正在使用文件池，我想缩放照片以填充目标尺寸，除非它们都是不同大小的，这就是为什么我添加了图像大小调整功能。它的图像大小调整功能可以工作。但是当我使用网格布局并排显示图片时，图像大小调整功能不起作用。 .filepond--root {
max-width:30em;
}
.filepond--item {
width: calc(50% - 0.5em);
}
body {
padding: 2em;
}
img {
margin: 1em 2em 0 0;
border-radius: .25em;
box-shadow: 0
浏览 18提问于2021-10-09得票数 0
回答已采纳
我已经尽一切努力让它发挥作用，但它还没有发挥作用。
我从cdn加载，就像在预览文档中一样。
<!-- add to document <head> -->
<link href="https://unpkg.com/filepond/dist/filepond.css"
rel="stylesheet">
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-
plugin-image-preview.css"
浏览 0提问于2019-04-07得票数 2
回答已采纳
我对FilePond有一个疑问和疑问。 我目前正在使用FilePond和多卡相结合，想要加载一个初始图像，我通过添加了该图像。files：[]，带有指向我的服务器的url，文件所在的服务器。 文件加载可以正常工作，除了一件事： 我正在使用文件类型验证，如果我使用url加载初始文件，文件类型将始终是text/html，这将导致无法加载图像，并且我无法使用doka更改它。 如果我将text/html添加到文件类型验证中，我将无法使用图像预览。 是否有人知道是否有解决此问题的方法？
浏览 27提问于2021-01-14得票数 0
简介：我有Django web应用程序，允许用户创建帖子。每个帖子都有多个与该帖子相关联的图像。
我想做的事情：我想使用Filepond javascript库来删除，添加更多的和预览选定的图像。
问题：下面的代码工作正常，没有filepond库，但是如果我尝试使用filepond库，表单只提交没有文件的title input。
views.py
class NewsCreateView(CreateView):
form_class = FileForm
template_name = 'create.html'
success_url = '
浏览 4提问于2021-02-08得票数 0
回答已采纳
我已经设置了FilePond，它工作得很好，但我的下一个任务是保留文件添加到FilePond的顺序。
我允许添加多个文件，并启用了自动上传，但由于文件大小、传输时间和FilePond的异步上传，在服务器端不可能假设第一个完成传输的文件是列表中的第一个。
我可以从文档中看到，可以通过索引获取/删除文件，所以可以使用文件元数据插件将索引与每个上传的文件一起发送。
浏览 3提问于2021-06-10得票数 0
我使用'Vue-Filepond‘上传简单的文件。
要删除文件上传后的所有文件，我希望访问Filepond对象并使用'removeFiles‘方法。
但是不能访问filepond对象(使用ref)
其他例子说要用
this.$ref.pond.removeFiles()
但在使用“脚本设置”时不能使用“this.$ref”
我该怎么做呢？
附加源代码的一部分。
<FilePond
ref="pond"
instant-upload="false"
label-idle="Drop files here..."
:allow-
浏览 7提问于2022-06-22得票数 1
回答已采纳
我正在使用filepond ()在我的服务器上上传文件。我能够使用php样板()，并且能够用filepond上传我的文件，但是想知道如何用phpMailer发送它？如何将这段代码(Rik的send.php)与phpMailer结合起来？
正如我注意到的，下面的代码将文件放在服务器上。顺便说一下，我不需要存储它，我只想在临时文件夹中找到它并发送它。可以删除后...
<?php
// Comment if you don't want to allow posts from other domains
header('Access-Control-Allow-Origin:
浏览 0提问于2019-12-16得票数 0
1回答
我有一个ZipCore2API，并且我创建了一个可以接受图像(将来可能是asp.net文件)的方法。
我使用的是一个名为的javascript图像上传工具，我使用的类型是IFormFile。
public IActionResult Import(IFormFile filepond)
{
// return BadRequest();
return Ok();
}
它似乎可以抓取数据，但当我查看filepond中存储的内容时，我发现
name = "filepond"
然而，我上传的文件名类似于
浏览 2提问于2018-09-29得票数 1
1回答
我有一个API端点，在PUT请求上工作，以更新用户信息，如用户头像。此API是基于Django构建的。在我的前端，我使用NUXT通过FilePond上传文件，我做了以下操作： <template>
<section class="section">
<div class="container">
<file-pond
name="test"
ref="pond
浏览 69提问于2020-08-07得票数 0
回答已采纳
1回答
我试图用它的ImagePreview插件来设置FilePond，但是即使filepond清楚地加载了文件，还是有一些东西弄乱了，导致预览列表中只有灰色的方块。即使正确加载了图像数据(例如，将正确的文件名放入filepond--file-info-main范围中)，图像名称也不可见。这些控件是可点击的，但也是不可见的。 ? ? 我假设有一些css干扰了我，但是我已经尝试从我的项目中删除bootstrap和我的自定义样式，但是它没有改变任何东西。不管是否启用了任何插件，Filepond的行为都是一样的(使用图像预览插件，灰色的项目只是变得更高，我假设它是一个固定的高度)。 css
浏览 34提问于2020-10-09得票数 0
回答已采纳
2回答
我用的是反应-最终形式的FilePond。我不知道如何访问FilePond适配器的方法。FilePond有一个我正在尝试访问的方法。
const FileAdapter = ({ input: {value, onChange, ...rest}, pond}) => (
<FilePond
ref={pond}
onprocessfiles={console.log(pond.getFiles())}
/>
)
class ContactForm extends React.Component {
constructor(props) {
浏览 0提问于2019-04-24得票数 0
这是一个普通的输入文件，在表单中使用HTML，使用POST方法 <input type="file" name="file" accept="image/png, image/jpeg"> 然后，我将使用用PHP编写的函数来获得该文件输入 function Upload() {
$namefile = $_FILES['file']['name'];
$error = $_FILES['file']['error'];
$tmpName = $_
浏览 35提问于2021-07-21得票数 1
1回答
我试图使用后端的Firebase实现用于React.js的Filepond库的插件。在实现裁剪插件方面，文档很薄。我所要做的就是在添加为配置文件图片的每幅图像上强制设置1:1的裁剪比，但是使用当前的代码，它挂在Waiting for size - Loading...上。
在docs 中提到了使用transform插件来获得裁剪功能的提示，但不确定如何使用create()函数来获得这个功能。
是否有任何实施作物的例子，如我所愿？或者有人能告诉我他们是怎么让它工作的？谢谢!
代码：
import React, { useState, Component } from "react"
浏览 1提问于2019-03-06得票数 1
回答已采纳
1回答
我开始使用Filepond JS，我对如何调用某些函数感到困惑。也许是因为我对ES6的了解不够好，或者我只是过度考虑了整个问题。该进程将文件上载到tmp文件夹。另一方面，还原应该从tmp文件夹中删除上传的文件。
问题：，我似乎无法在文件中恢复上传。
我尝试过的：
uniqueFileIdPassing 传递POST请求与uniqueFileIdPassing空删除请求
任何帮助都是非常感谢的。
My JS:
//File upload
FilePond.registerPlugin(
FilePondPluginFileValidateSize,
FilePondPluginFil
浏览 4提问于2020-12-19得票数 4
我已经在我的函数中创建了filepond实例，它显示了具有文件上传功能的模式块。现在我需要在关闭模式块时销毁创建的实例，因为我需要使用新的filepond实例和参数调用t函数以供其他用途。请指教如何正确实现destoy动态创建的filepond实例； 函数初始化filepond： const showUploader = () => {
const pond = FilePond.create( inputElement, {
acceptedFileTypes: ['image/png', 'image/jpeg', &
浏览 14提问于2020-10-13得票数 0
使用Filepond插件，我希望每个Filepond实例都有单独的setOptions。问题是我不知道如何让setOptions为每个实例工作，而不是通用的。 如何设置插件将每个.filepond输入识别为它自己的实例，但又允许在每个实例上使用不同的setOptions？ /*
We want to preview images, so we need to register the Image Preview plugin
*/
FilePond.registerPlugin(
// encodes the file as base64 data
FilePondPluginF
浏览 42提问于2020-08-20得票数 0
我正在构建一个照片上传表单与Livewire，阿尔卑斯山，和FilePond。在照片处理完成后，我想显示一个“保存”按钮来持久化文件。
我在用阿尔卑斯来处理这个节目/躲藏。两个事件侦听器在分开时都能正常工作，但我似乎无法让它们一起工作。下面的代码没有抛出错误，但它也没有显示showSaveButtons div中的按钮。
我做错了什么？
<div x-data="showSaveButtons">
<div x-show="open">
Buttons Go Here
</div>
</d
浏览 15提问于2022-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
