个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我试图让 Filepond 工作，但我的 CSS 中的这一行似乎破坏了它 - overflow: hidden; 在 ul 选择器中。
我尝试对页面的整个部分进行核对，直到 Filepond 工作，将注意力集中在 css 上，最后是 ul {} 中的上述行。我可以清除其他所有内容，只留下那条线，但 Filepond 仍然损坏，所以我确定这是某种问题，但我不知道如何解决。
我尝试使用 Chrome 的检查器功能查看运行时页面源代码，但在那里找不到溢出。
然后我使用Notepad++的文件搜索功能彻底搜索Filepond文件是否有“溢出”，但无法结合ul找到它。我能得到的最接近的是 JS 文件中的 const 命名列表。不知何故，我认为这不相关，但我不知道为什么。如果需要，将在此处添加代码。
有趣的是，溢出在变更日志中出现了几次，有一次说它解决了“列表溢出无法正确呈现的问题”。 (2.2.1 版)
Chrome v73(最新)Filepond 最后更新于 2019 年 4 月 15 日
filepond_problem.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Filepond Problem</title>
<meta charset="utf-8">
<link rel="stylesheet" href="problem.css"> <!--remove this line and it works-->
<link rel="stylesheet" type="text/css" href="filepond/dist/filepond.css">
<script src="filepond/dist/filepond.js"></script>
</head>
<body>
<input type="file" mutliple/>
<script>
// Get a reference to the file input element
const inputElement = document.querySelector('input[type="file"]');
// Create the FilePond instance
const pond = FilePond.create(inputElement);
</script>
</body>
</html>
problem.css(在我伙伴的一个小文件中)
ul {
overflow: hidden;
}
当我选择要上传的文件时，无论是拖放还是使用“浏览”对话框，它所做的只是删除“拖放文件或浏览”。它不显示我的文件，没有 x 来删除它，什么都没有。它只是变成了一个空的浅灰色盒子。
当您删除包含 problem.css 的行时，它的行为与 their site 中描述的一样.嗯，减去缩略图，但这是预期的，因为我还没有启用它。
最佳答案
输入位于 .filepond--drop-label 中，根据附加到它的样式，当您上传文件时，有一些 javascript 会隐藏它。相同的 javascript 可能会显示照片，它位于下一个 div 中，.firepond--list-scroller。照片和内容确实出现在列表中，所有图标也是如此，所以现在它们是隐藏的。你说你接下来会做照片部分，好吧，在这种情况下你只需要一起做，因为它们有不同的部分相互影响。
查看他们的 ul .filepond--list，我没有看到您所做的 ul{overflow:hidden;}(在上传照片之前和之后) ).所以我不确定这是从哪里来的，它可能是你在不知不觉中添加的。不需要那行代码。
关于html - 溢出 : hidden seems to break filepond，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55751342/
25
4
0
我关注了 filepond 文档关于将初始文件设置为 prepopulat filepond。现在，我想编写一个自定义还原函数，我可以在其中根据文件来源使用不同的函数。 以下是一个假设的代码来展示我想
我使用 FilePond 显示以前上传的带有 load 的图像功能。这些文件是可见的，但是我没有得到预览(我在上传文件时得到的)。 是否可以通过 load 显示文件预览? files: [{
我想在 filepond-react 组件中手动触发 fetch 方法。为了简化，我削减了其他 Prop 。 // FileUpload Wrapper // Calli
使用 filepond 我需要自定义 filepond droparea，这意味着我需要添加一些带有一些占位符图像的自定义 HTML，以便让用户了解应该上传哪种图像以及应该允许多次上传。 有办法吗？
我在我的 React 项目中有一个提交表单，我在其中使用 filepond API，因此用户可以向该表单提交文件 到目前为止，我只使用从文档中获取的标准 FilePond 组件。 this.p
我的问题...如何使用 FilePond 但 onclick 上传文件，而不是像开箱即用的那样自动上传文件？另外，因为我需要对这些图像执行许多其他操作(例如在上传之前显示它们以供审阅)，并且因为我需要
如何才能使所选文件类型仅接受 docx？我希望所选文件仅具有 docx 扩展名。我应该应用什么样的过滤？我怎样才能做到这一点？ react 代码示例 return ( <>
您好，我有一个 FilePond 实例: this.pond = ref} oninit={() => this.handleInit() } onupdatefiles={(fil
我正在尝试使用 FilePond，上传进展顺利，但我尝试实现“删除”功能以从服务器中删除用户不需要的文件。我已按照文档( https://pqina.nl/filepond/docs/patterns
背景: 我有一个 django 项目，用户可以在其中上传多张图片，其中一张将作为主图片。我正在使用 Filepond 上传和优化图像。 Filepond 上传文件的顺序并不总是与用户选择文件的顺序相同
我已经在我的页面中实现了 Filepond 上传。当用户选择一个文件时，我将该文件设置在 html Canvas 上进行编辑。然而，当用户想要上传另一个文件时，filepond 输入保留最后上传的文件
我正在尝试使用 cypress 为使用 Vue Filepond 处理上传的媒体应用程序编写 e2e 测试。 ，但我无法触发文件上传。我怎样才能做到这一点？ 最佳答案 经过一番搜索，我找到了 this
我正在使用 FilePond.js 允许用户在网站上拖放图像。我正在尝试设置 FilePond 来检索用户照片输入。显然我应该放入我想要将照片上传到的媒体链接。就像这样: FilePond
如何在 filepond 中添加下载图像或 Pdf/任何文档。我正在使用 Filepond 和 vue 框架。当我单击图像缩略图时，我还需要图像的大预览，如何使用 filepond 实现此目的？
我正在开发我的第一个基于 Laravel 的网络应用程序。我需要上传一些文件所以我决定使用 FilePond JavaScript 库。我尝试在 documentation 之后通过 npm 安装在我
我试图让 Filepond 工作，但我的 CSS 中的这一行似乎破坏了它 - overflow: hidden; 在 ul 选择器中。 我尝试对页面的整个部分进行核对，直到 Filepond 工作，将
FilePond.revert 不会将唯一 ID 文件传输到 Laravel Controller 。 如何通过ID删除下载的文件？ FilePondJS var csrf = $('meta[nam
这让我很头疼。我在我的 React 应用程序中使用了 react-filepond 模块，但没有应用外部 CSS。该模块有效但没有样式。我怀疑这是 webpack 中的加载程序问题，但我仍在学习 we
我有一个本地托管的 Flask 服务器和一个小型 React 应用程序。我正在尝试使用FilePond作为图像上传的简单解决方案。 FilePond 负责将每个图像发送到服务器。 所以我遇到的问题显然
我正在阅读 Filepond 的文档 enter link description here 它们提供了处理文件上传时我应该遵循的基本步骤。我已经解决了 1-4 个(希望是正确的) @using (H
我是一名优秀的程序员,十分优秀！