使用FilePond (React组件)将图像上传到Flask服务器
FilePond是一个用于处理文件上传的JavaScript库，它提供了一种简单且美观的方式来上传图像和其他类型的文件。它可以与React框架无缝集成，使开发人员能够轻松地在React应用程序中实现文件上传功能。
Flask是一个基于Python的轻量级Web框架，它提供了简单而灵活的方式来构建Web应用程序。通过使用Flask，我们可以创建一个服务器端应用程序，用于接收和处理来自客户端的文件上传请求。
将图像上传到Flask服务器的步骤如下：
- 在React应用程序中安装并引入FilePond组件。可以使用npm或yarn进行安装。
- 在React应用程序中安装并引入FilePond组件。可以使用npm或yarn进行安装。
- 在React组件中导入所需的FilePond组件和样式。
- 在React组件中导入所需的FilePond组件和样式。
- 在Flask服务器端创建一个路由来处理文件上传请求。
- 在Flask服务器端创建一个路由来处理文件上传请求。
- 在上述代码中，我们使用了Flask-CORS扩展来处理跨域请求，以便在开发过程中能够从React应用程序中向Flask服务器发送请求。
- 运行Flask服务器，并确保React应用程序与Flask服务器在同一网络环境中。
- 运行Flask服务器，并确保React应用程序与Flask服务器在同一网络环境中。
- 确保Flask服务器正在监听正确的端口，并将React应用程序配置为使用正确的服务器URL。
现在，当用户选择并上传图像文件时，FilePond组件将将文件发送到Flask服务器的指定路由。在服务器端，Flask将接收到的文件保存到指定位置或进行其他操作。完成后，服务器将返回一个成功的响应，可以在React应用程序中进行处理。
这是使用FilePond和Flask将图像上传到服务器的基本过程。根据具体需求，可以进一步扩展和优化这个过程，例如添加文件类型验证、文件大小限制、错误处理等。腾讯云提供了一系列与文件存储和处理相关的产品和服务，例如对象存储（COS）、云函数（SCF）等，可以根据具体需求选择适合的产品和服务来实现更多功能。
请注意，以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。如需了解更多关于腾讯云的产品和服务，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我需要帮助实现发送图像从反应应用程序到服务器api。在React中，我使用库FilePond来发送图像，效果很好，但我不知道如何在服务器上获取此图像，我使用NETTE框架和apitte库来请求。如果您知道如何发送和获取图像的另一种方式，请写信。非常感谢! 例如，我如何在react中使用FilePond <FilePond allowMultiple={true} server={"http://localhost:3000" + this.baseProperties.uploadUrl}/> 和部分php代码 /**
* @Path("/upl
浏览 12提问于2019-01-31得票数 0
我最近一直在为React filepond而苦苦挣扎，所以我只是需要一些帮助。因此，我可以使用rails后端和亚马逊s3存储的react filepond将照片上传到服务器。一切正常，没有问题。现在，我正在尝试设置一个初始图像，但我在预览时遇到了问题。
因此，我在这里设置来自可公开访问的占位符图像的初始图像：
class UserForm extends Component {
constructor(props) {
super(props);
this.classes = props.classes;
this.state = {
浏览 1提问于2020-04-12得票数 0
背景：我有两个模型: SellingItem和SellingItemImages。SellingItemImages有一个可以接受多个文件的自定义FileField。通过将两个表单(itemform和imageform)放在单个元素(enctype="multipart/form-data")下，我能够允许用户上传多个图像。现在，我希望结合客户端图像优化和更好的UI。我试了一试，但面临着一些挑战。我组织了这篇文章
显示没有filepond的django代码
用filepond显示代码
到目前为止我已经完成了
关于下一步该做什么的问题
** 1)没有fil
浏览 1提问于2019-10-27得票数 4
回答已采纳
我正在使用FilePond和Doka来管理和编辑具有独特需求的表单上的图像上传，我希望在向FilePond添加文件时能够自动调整和/或压缩图像。
我使用的是FilePond + Doka的React实现。
图像大小调整和压缩已经配置好了，当用户编辑图像然后点击“完成”时，它们就可以工作了，所以很明显一切都是正确的。
在我们的用例中，我们不太关心结果图像的质量和分辨率，但我们使用IndexedDB和LocalStorage对客户端大小进行了大量自定义文件管理。大多数用户图像不会被用户手动编辑/标记，所以我们希望能够在打开事务并推送到IndexedDB之前手动调整大小和压缩。
我尝试使用fileP
浏览 11提问于2019-11-05得票数 0
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
回答已采纳
我使用FilePond.js允许用户在网站上拖放图片。我正在尝试设置FilePond来检索用户照片输入。显然，我是想要把照片上传到哪里的媒体链接。就像这样：
<script>
FilePond.registerPlugin(FilePondPluginImagePreview);
const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);
FilePond
浏览 1提问于2019-02-15得票数 1
回答已采纳
上传到云彩图片与FilePond失败返回一个400。我正在用一个简单的表格并排测试它。我从我们的api中获得了Direct上传URL，并将其传递给两个组件。表单总是成功的，而FilePond总是失败。有人能给我一个建议吗？
它正在返回一个400坏的请求。来自CloudFlare或FilePond的人能理解为什么CF映像响应来自FilePond的请求是错误的吗？
import { useState } from "react";
import { FilePond, registerPlugin } from "react-filepond";
import F
浏览 12提问于2022-03-16得票数 0
1回答
我在使用Filepond进行React时遇到了一些问题。目前，我想预先加载一个用户的个人资料图片，当页面加载。我尝试了两种不同的方法，但都还没有奏效：
首先，我尝试使用Filepond的服务器加载选项，如下所示：
<FilePond
ref={pond}
... other props here
files={[
{
source: this.props.user.id,
options: {
type: 'local'
}
}
]}
server={{
load: (userId, lo
浏览 14提问于2020-05-10得票数 0
回答已采纳
2回答
我正在尝试访问函数组件中的类组件方法。我已经读了好几个小时了，但我漏掉了一些东西。
准确地说，我正在尝试访问Filepond组件()的一个方法()
在文档中，我可以参考类组件：
<FilePond ref={ref => this.pond = ref}/>
然后我可以用这样的方法：
this.pond.addFiles();
但是我不能在我的函数中使用这个方法，因为'this‘不能在函数中使用。
TypeError:无法设置未定义的属性“池塘”
我认为useRef钩子可能会有所帮助，但它只适用于html元素。
import React from 'rea
浏览 5提问于2020-06-19得票数 2
回答已采纳
2回答
当我选择一个图像时，它会自动上传我想要的图像，然后使用Node.js和Multer重命名该文件，使其具有唯一性，并将其保存到磁盘上。然而，一旦上传完成，进度加载器就会变成一个'X‘，文件就可以删除了。当我单击它时，该图像将从react中删除，但它仍保留在服务器上。 在React中： <FilePond
files={files}
onupdatefiles={setFiles}
allowMultiple={false}
maxFiles={1}
浏览 47提问于2021-01-14得票数 0
我试图在一个React应用程序中使用FilePond控件。我需要处理文件上传与自定义代码。根据文档，我应该使用setOption覆盖server.process函数。
在使用React组件时，这似乎不是一个选项。
我可以找到多个尝试这样做的人的实例，但是找不到如何做到这一点的例子。
<FilePond
files={this.state.newFiles}
allowMultiple={true}
server={this.someFunction}
/>
浏览 3提问于2020-02-05得票数 0
回答已采纳
1回答
我将filepond与react和material-ui一起使用。 如果我添加非常基本的filepond组件，如下所示： <FilePond name="files" labelIdle="" /> 它将使用类型file呈现默认的浏览器输入，如下所示： ? 我想渲染自定义材质-ui按钮。我知道FilePond可以通过CSS以不同的方式设置样式，但这不是关于使用CSS-classes设置样式，而是关于插入预定义的组件，比如naterial-ui one。有可能吗？
浏览 18提问于2021-10-25得票数 0
我试图理解Filepond上传到我的服务器方法中的内容，但我遇到了一些非常令人困惑的事情。我只使用process服务器方法，并且一次只使用一个文件进行测试。这是我的Filepond定义(这是react with typescript) <FilePond
ref={this.pond}
allowMultiple={true}
maxFiles={3}
instantUpload={false}
onupdatefiles={(files) => this.setState({files: files})}
files={this.state.
浏览 22提问于2019-05-08得票数 3
回答已采纳
我使用React js filepond组件上传文件。然后我将上传的文件转换为base64字符串格式。我希望在props.values.addendumA = converted语句之后在if (file [0])中“成功地”打印绿色文本。我怎么能这么做？
反应js
<Form className="orange-color ml-2">
<FilePond
ref={ref => ref}
allowFileEncode={true}
allowMultiple={false}
oninit={() => co
浏览 1提问于2020-04-24得票数 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
1回答
摘要
我已经剥离了我的应用程序的裸露组件，并发现我的问题是从分裂反应条纹元素。这个实现与以前的一个应用程序合作得很好，所以随着这些元素的实现，可能会发生一些变化。
App.js
import React, { Component } from "react";
import { Router } from 'react-router-dom';
import history from './history';
import Routes from "./routes";
import { Elements, StripeProv
浏览 0提问于2019-12-29得票数 1
回答已采纳
1回答
我正在尝试从imagePreviewMaxHeight设置filepond-plugin-image-preview plugin，但它没有被识别。预览插件上的所有属性似乎都不存在于FilePond对象上。
这是我的密码：
import React, { useState } from 'react'
import { FilePond, registerPlugin } from 'react-filepond'
import FilePondPluginImageExifOrientation from 'filepond-plugin-image-
浏览 0提问于2020-11-04得票数 1
我有一个Filepond组件，它可以很好地将图像上传到帖子。
然而，当我需要编辑一篇文章及其存在前的图片时，我正在与Filepond做斗争。
我想加载Filepond与邮政模型的预先存在的图像。目标是允许用户在编辑Post模型时上传、删除和重新排序图像，然后更新数据库和文件系统。
到目前为止，这就是我所拥有的：
<div
x-data=""
x-init="
// Plugins
FilePond.registerPlugin(FilePondPluginImagePreview);
浏览 1提问于2021-02-22得票数 0
回答已采纳
我是FilePond的新手，我想要调用它的方法，非常外部。比方说，我有以下情况：
<button onClick={(e)=>{
// open filePond browse
}>Browse filepond manually</button>
<FilePond ... />
当用户单击按钮时，我希望打开FilePond。
在FilePond文档中，我看到有一个方法。我觉得我应该叫它，但我不知道如何在ReactJ中这样做。是否有任何解决办法？
浏览 1提问于2021-05-22得票数 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
1回答
如何将FilePond文件字段与其他表单元素一起上传到服务器。例如，我有一个表单元素，其中包含输入字段、选择字段、文本区域和连接到Filepond插件的文件输入字段。 <form class="uploadform">
<input type="text" placeholder="type the title of the document you are uploading">
<textarea class="textarea" placeholder="type an
浏览 32提问于2020-09-03得票数 1
回答已采纳
1回答
我们在我们的iOS应用程序和我们的网站(react)上显示了一些图像，这些图像是从外部网站加载的。数据(json)由我们的flask后端提供。
有没有办法在我们的服务器上缓存图像，并且只在图像不在缓存中时才从远程加载它们？
浏览 0提问于2016-07-07得票数 0
2回答
我目前正在尝试将多个filepond组件/实例集成到我的react应用程序中，在该应用程序中，图像被上传到按钮/表单提交上。
我或多或少地使用了下面的代码，但是在routes.js文件中注销结果时，我得到了一个未定义的结果，即使我在upload.js中登录提交状态时，也会得到结果。
我尝试过只登录req.files，它返回未定义的，下面使用的方法直接来自multers文档，这个注销- TypeError:无法读取未定义的的属性'0‘
谢谢
upload.js
import React, { useState } from "react";
import ReactDOM
浏览 2提问于2019-12-01得票数 0
需要将文件上传到生产环境的帮助。来自的后续说明
上传文件时，出现错误- POST 404 (未找到) filepond.js:2608
我相信它期待着某种类型的服务器运行并触发上传。请告诉我如何使用filepond插件上传文件。另外，如何让它在生产环境中运行？对于reactjs应用程序，我们只需npm构建并推送构建文件。是否有上传到生产的操作？
浏览 4提问于2018-11-30得票数 1
1回答
我有画布编辑器组件，它在react-admin的SimpleForm中为我提供base64图像数据，如何将图像文件上传到服务器？我正在使用数据提供程序：
<Create {...props}>
<SimpleForm>
<TextInput source='location_name'/>
<EditorComponent />
</SimpleForm>
</Create>
我是新的react和react-admi
浏览 1提问于2019-10-19得票数 0
如何获得用户刚刚上传到同一页面的另一个元素中显示的图像？我在storeAsFile选项中使用filePond属性。
请注意，我目前在filepond输入实例中显示带有ImagePreview插件的图像，但我希望在页面的另一部分显示此图像。希望我说的够清楚了。
浏览 5提问于2022-08-05得票数 0
1回答
我用filepond上传了react的文件：
<FilePond files={this.state.files} allowMultiple={true} server="http://localhost:5000/api/upload" onupdatefiles={(fileItems) => { this.setState({ files: fileItems.map(fileItem => fileItem.file) }); this.handleFileMetadata(); }} />
现在，为了处理文件上传，我使用了express。
r
浏览 0提问于2019-05-03得票数 1
回答已采纳
1回答
我正在使用filepond将一个文件上传到服务器，在react中。一切正常，我可以成功上传文件。但我需要将上传的文件保存在浏览器中(或者本地文件的路径)，以便在下一页向用户显示。浏览器似乎没有显示所选文件的绝对路径(出于安全原因)。我想知道所选文件是否有可能出现。有什么解决办法吗？谢谢
浏览 2提问于2021-06-24得票数 0
回答已采纳
我目前正在使用Filepond将图像上传到S3桶。这一功能在电脑或iOS设备上非常有用，但拒绝在安卓设备上工作，我正花时间去找出根本原因。它应该在所有的设备上上传的很好。有没有人在使用Filepond的Android设备上遇到类似的问题？我还在下面附加了相关的Filepond代码。我看不出有什么问题，但当然，我可能遗漏了什么。如果有人能给我指点或任何建议，我们会非常感激的，或者如果我遗漏了什么，请告诉我。谢谢!
JS
<!-- Load FilePond library -->
<script src="https://unpkg.com/filepond-p
浏览 0提问于2022-03-29得票数 1
回答已采纳
1回答
我想让FilePond和react-final-form一起工作。我不知道如何将FilePond组件封装在react-final-form字段组件适配器中。
例如，对于react-phone-number-input，我是这样做的：
// Before React.Component class declaration.
const PhoneAdapter = ({ input }) => (
<PhoneInput
placeholder="Phone Number"
value={input.value}
tabIndex=&#
浏览 0提问于2019-04-20得票数 1
回答已采纳
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，这是一个令人惊叹的插件，但当我尝试将多个实例放在同一页面上时，只有最后一个实例可以正确上传。所有其他文件都可以正确显示，但只能上传到"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字段重置为用户操作上的默认图像(即:单击按钮)。文件可以是本地文件，也可以上传到某个地方(如AWS)，这并不重要。目前，当第一次加载网页(因此是filepond实例/元素)时，我会加载一个默认的映像，所以我想手动调用load方法可以做到这一点，但我无法做到这一点。我也尝试了file-poster插件，但没有办法重新设置图像后，它已被删除。
如果您已经找到了这样做的方法或正在考虑什么，请告诉我:)
浏览 0提问于2021-02-09得票数 0
回答已采纳
我希望你一切都好，只是想知道是否有人成功地设置了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
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回答
我想做一个程序，从用户那里拍摄一些照片。每一张照片一旦被选中就会上传到服务器上。我该怎么做？
<script>
FilePond.registerPlugin(
FilePondPluginImagePreview
);
$('.fileUpload').filepond({
allowDrop: true,
allowBrowse: true,
allowMultiple: true,
allowReplace: true,
allowRevert
浏览 6提问于2022-09-24得票数 0
回答已采纳
我试图实现Filepond图像上传到我的ASP.net核心5 web应用程序使用实体框架。
我在将上传的图像保存到服务器时遇到了问题。
对Api控制器错误的post请求带有415个“不支持的媒体类型”错误。
来自Api Controller构造函数的代码将被击中，但不会击中Create方法中的代码。
javascript文件：
const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);
FilePon
浏览 3提问于2021-07-11得票数 0
回答已采纳
我有一个运行在GAE上的基于flask的服务器，执行一些复杂的计算。它公开了一个RESTful应用程序接口。
现在，我计划用React为它搭建一个漂亮的前台。它所要做的就是显示一个花哨的表单，向API发送带有参数的请求，从flask服务器接收计算结果，并显示一些漂亮的图表。由于计算所需的时间很长，我正在考虑将WebSocket也加入其中。
对于此目的，node.js服务器似乎过于冗余。
我应该如何托管这种简单的React应用程序？
可以简单地将构建的HTML和JS上传到存储桶并将其作为静态站点托管吗？如果可能的话，一些详细的说明会非常有帮助！
浏览 0提问于2020-04-26得票数 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
我正在使用react-native- image -crop-picker我可以从图库中选择图像，但是当尝试通过表单数据上传到服务器时，但是图像没有上传到服务器，它在server.Can上显示为空白。有人建议我如何使用react-native- image -crop-picker上传多张图像到服务器吗?这将是如此appreciable.Thanks。
浏览 51提问于2019-12-17得票数 4
1回答
是否可以在react中使用react本机npm包？
因为当在浏览器控制台中导入使用react本机的包时，会出现"main.js:3068 Uncaught ReferenceError: not未定义“错误。
我正在生成一个pdf (React)，而这个包使用的是need本地组件，我需要给出样式。"StyleSheet“不允许使用rem，这就是为什么我想使用"EStyleSheet”
我的webpack配置
const webpack = require('webpack');
const path = require('path'
浏览 4提问于2022-07-22得票数 0
我已经将FilePond (via React)配置为上传多个文件，在后端接收这些文件，存储它们，并在重新访问页面时正确地显示它们。
let server = {
url: '/mypath',
process: '/mypath',
revert: '/mypath'
};
<FilePond
server={server}
allowMultiple={true}
allowRevert={true}
files={current_files}
/>
使用Python后端，可以很好地上传：
if re
浏览 0提问于2019-02-13得票数 0
1回答
我正在使用Livewire和Filepond来允许用户将图像上传到图库。
我需要我的用户能够设置图像的顺序，并保存到数据库中。
Filepond有一个选项allowReorder: true和一个在订单更改时触发的回调onreorderfiles(files, origin, target)
下面是我的upload组件的基础知识
<div
x-data="{ 'images': null }"
x-init="
FilePond.registerPlugin(FilePondPluginImagePreview);
浏览 9提问于2021-02-15得票数 0
回答已采纳
根据文档服务器对load的配置，应该返回一个包含头内容的文件对象，但是文件对象意味着什么呢？看上去怎么样？
使用下面的代码，我只能正确地加载图像名，我还需要加载预览图像和文件大小。
Javascript
<script>
FilePond.registerPlugin(FilePondPluginFileValidateType);
FilePond.registerPlugin(FilePondPluginFileValidateSize);
FilePond.registerPlugin(FilePondPluginImagePreview);
浏览 23提问于2022-03-07得票数 2
我试图使用FilePond上传用户图像，但是当我在使用onupdatefiles后检查我的状态时，我会得到以下错误
在使用FilePond之前，我使用了一个带有：的常规输入标记
<input
className='upload-img'
onChange={e => setProfilePic(e.target.files[0])}
type="file"
id="img"
name="img"
accept="image/*"
/>
而且效果很好
现在尝试F
浏览 21提问于2022-03-17得票数 0
简介：我有一个python应用程序，允许用户创建帖子。每个帖子有一个主图像，然后是与该帖子相关的额外图像(最多12 &分钟2)。我想让用户总共添加13张图片。1张主图像和12张额外图像。
的问题：用户通常用智能手机拍照。这使得图像大小达到10 makes。有13个图像，可以变成130 13的表单。我的django服务器最多可以接受10 My的表单。所以我不能减少图像ServerSide
我想要做的事情:当用户将每个图像上传到一个表单时，我想要这样做。该映像的大小在客户端被缩小，并使用Ajax异步保存在我的服务器上的一个临时位置。当创建post时，所有这些图像都链接到post。因此，基本
浏览 0提问于2019-03-29得票数 8
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，在一个组件中最多有10个文件，它将文件上传到一个临时位置，并返回每个文件onUpload的临时ID。
我试图解决的问题是，我希望禁用组件中的submit表单按钮，直到上传所有图像为止。
当我阅读时，有一个FileStatusEnum，它对que PROCESSING_QUEUED中的文件数量和其他相关信息有一些统计数据。
我想知道如何才能访问它，从而创建一个基于它的逻辑。
下面是FilePond实例
<FilePond
allowMultiple
maxFiles={maxFiles}
a
浏览 7提问于2019-10-31得票数 1
回答已采纳
我想用这样的预先填充的图像启动FilePond：
FilePond.create(inputElement, {
"storeAsFile": true,
"files": [
{
"source": "http://localhost/products/storage/main/dark.jpg",
"options": {"type":"local"}
}
]
});
但是我
浏览 6提问于2022-07-14得票数 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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
