问题标签 [filepond]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - FilePond反应多个文件上传
我正在尝试使用 filePound 库上传多个图像,之后我想发出一个 http 请求,然后将此文件发送到服务器。我遇到了一个问题,这是我的代码
所以问题onupdatefiles
是它正在处理我上传的相同数量的文件,所以如果我上传 2 个文件,它会记录这 2 个文件 2 次,总共发出 4 个请求。
另一方面,onaddfile
记录 2 个文件一次,但只发出一个请求。所以我的问题如下:我怎样才能让它记录2个文件并发出2个将文件上传到服务器的请求?
任何帮助都将不胜感激!
filepond - 我可以让 FilePond 显示加载的本地图像的预览吗?
我使用 FilePond 来显示以前上传的具有该load
功能的图像。这些文件是可见的,但是我没有得到预览(我在上传文件时得到)。
是否可以通过 显示文件的预览load
?
laravel - 如何将 Filepond 与 PHP 表单一起使用并通过 post 附加文件
我将 Filepond 与 Laravel 框架一起使用。
我需要发送与文章相关的文件。
HTML 代码:
如何使用提交表单按钮下载我的文件并获取$_POST['post_id']
?
exif - 保存后缺少Exif数据Filepond Vue
将图像保存到服务器后 - 图像缺少一些 exif 数据(纬度长) 这是保存后的信息 真实图像是完整的 exif
javascript - 如何在文件池中添加下载图像或 Pdf/任何文档?
如何在文件池中添加下载图像或 Pdf/任何文档。我正在使用带有 vue 框架的 Filepond。当我单击图像缩略图时,我还需要图像的大预览如何使用 filepond 实现这一点?
asp.net-mvc - FilePond如何将已删除文件的名称或id作为参数传递给控制器?
我正在使用 filepond 插件批量上传文件。上传的文件被保存到缓存中。现在我想点击删除按钮来删除我缓存中的相应文件。我想知道前端文件的名称或id应该如何传输到控制器?或者控制器在表单提交时如何获取filepond文件,也可以解决我目前的问题。
这是我使用的 c# 的代码:
这是我使用的 html 和 javascript 的代码
filepond - 为什么使用filepond组件无法两次上传文件?
第一次打开弹窗模式上传文件是可以的!但是完成了第一次上传过程,第二次打开弹窗模型,然后选择文件,点击上传文件池塘。getFiles()是空的。所以不处理上传文件,为什么?如何解决这个问题
filepond - 使用 filePond 我如何在上传文件时将自定义数据(即 galleryId(自定义))返回给客户端?
使用 filePond 上传图像,我如何使用诸如 galleryId 之类的数据装饰请求,并使用装饰数据进行响应?还是有替代解决方案?
django - 如何在 Django 项目中使用 FilePond
背景: 我有两个模型:SellingItem 和 SellingItemImages。SellingItemImages 有一个可以接收多个文件的自定义 FileField。通过将两个表单(itemform 和 imageform)放在单个元素(enctype="multipart/form-data")下,我能够允许用户上传多个图像。现在,我想结合客户端图像优化和更好的 UI。我尝试了 filepond,但面临一些挑战。我组织了这篇文章
- 显示没有文件池的 django 代码
- 用 filepond 显示代码什么
- 到目前为止,我完成了 filepond
- 关于下一步做什么的问题
** 1) 没有文件池的 django 代码。** models.py
这是forms.py
这是views.py
这是模板 post_newitem.html。在这里,我将两个表单放在单个元素下。
上面的代码允许用户上传多张图片。如前所述,为了获得更好的 UI 和客户端图像优化,我求助于这个不错的 javascript 库 filepond。
2) 带文件池的代码
3) 到目前为止我用 filepond 完成了什么
有了上面的代码,我就可以了。显示文件池拖放区 b. 显示图像预览 C. filepond 显示上传完成,如下图所示 d. 在 Chrome 开发工具控制台中,显示“所有文件的处理已完成”
4)关于下一步做什么的问题
a:服务器相关:我知道带有“上传完成”的绿色突出显示是针对用户的。这并不一定意味着文件已上传到服务器。
文件是否上传到服务器?是我的服务器配置。正确的?如何知道文件是否已上传到服务器(使用控制台)?
b:django 相关:一旦文件上传到服务器,如何检索这些文件并指向正确的 django 模型(在我的例子中,SellingItemsImages)?
如本文所示,我尝试了 files=request.FILES.getlist('filepond') ,但文件返回了空列表。我不知道这是因为这个片段不起作用,还是因为我没有上传任何文件开始。
c:django表单相关:如背景所说,我有两种表单,一种是带有名称、价格等的常规表单;另一个用于上传图像。如果没有 filepond,我在一个 post_newitem 视图中使用一个提交按钮发送两个表单。对于 filepond,我想我有几个选项: - 选项 1:发送带有提交按钮的常规表单,同时异步发送 filepond 文件。- 选项 2:让 filepond 优化图像(通过 transformplugin),并将图像和其他表单区域(名称、价格等)作为 FormData 发送。
我希望就这两个选项的优缺点以及如何继续使用这两个选项获得一些意见。
filepond - Filepond 水平预览图像
我正在使用 Filepond 版本 4.7.3,我知道在版本 4 中他们推出了在网格视图中水平查看项目的功能。
我尝试了以下CSS:
.filepond--item {
width: calc(50% - .5em);
}
但我仍然可以垂直看到图像