FilePond设置初始文件

文章/答案/技术大牛

发布

1回答

设置初始文件时，React FilePond中的文件预览不显示

reactjs、filepond

我最近一直在为React filepond而苦苦挣扎，所以我只是需要一些帮助。因此，我可以使用rails后端和亚马逊s3存储的react filepond将照片上传到服务器。一切正常，没有问题。现在，我正在尝试设置一个初始图像，但我在预览时遇到了问题。因此，我在这里设置来自可公开访问的占位符图像的初始图像： constructor(props) {<FilePo

浏览 1提问于2020-04-12得票数 0

1回答

filepond

我对FilePond有一个疑问和疑问。我目前正在使用FilePond和多卡相结合，想要加载一个初始图像，我通过添加了该图像。files：[]，带有指向我的服务器的url，文件所在的服务器。文件加载可以正常工作，除了一件事：我正在使用文件类型验证，如果我使用url加载初始文件，文件类型将始终是text/html，这将导致无法加载图像，并且我无法使用doka更改它。如果我将text/html添加到文件</e

浏览 27提问于2021-01-14得票数 0

1回答

我如何知道是否呈现了filepond？

vue.js、filepond

我需要手动操作一些DOM属性(动态更改文件元素的样式)。我通过document.getElementById ("filepond - item-" + id)搜索所需的元素。但是，如果还没有呈现带有初始文件的Filepond DOM元素(getElementById()没有找到任何元素)，我就会遇到问题。<template> ref="filepond</e

浏览 3提问于2021-12-29得票数 1

回答已采纳

1回答

filepond Jquery获取被拖放的文件名

javascript、jquery、filepond

我使用的是jquery filepond图片上传插件，它可以将文件上传转换为拖放区。<input type="file" class="filepond" id="filepond" 以下是初始化文件池的脚本 $(function); // Turn

浏览 2提问于2019-07-23得票数 0

1回答

如何在Django模板中使用filepond* javascript库？*

javascript、html、django、filepond

我想做的事情：我想使用Filepond javascript库来删除，添加更多的和预览选定的图像。问题：下面的代码工作正常，没有filepond库，但是如果我尝试使用filepond库，表单只提交没有文件的title input。/dist/filepond.css" rel="stylesheet"> <link href="https://unpkg.com/filepond-plu

浏览 4提问于2021-02-08得票数 0

回答已采纳

3回答

在Javascript中重置FilePond输入

javascript、jquery、file-upload、filepond

我已经在我的页面上实现了Filepond上传。当用户选择一个文件时，我将该文件设置在html画布上进行编辑。但是，当用户想要上传另一个文件时，filepond input会保留上次上传的文件。在FilePond:addfile事件中成功地在画布上设置文件之后，我尝试了FilePond.destroy(inputElement);。$('.upload-file').fil

浏览 13提问于2019-06-02得票数 2

1回答

Filepond预览为空/不可见，即使文件已加载

javascript、css、webpack、filepond

我试图用它的ImagePreview插件来设置FilePond，但是即使filepond清楚地加载了文件，还是有一些东西弄乱了，导致预览列表中只有灰色的方块。即使正确加载了图像数据(例如，将正确的文件名放入filepond--file-info-main范围中)，图像名称也不可见。这些控件是可点击的，但也是不可见的。 ? ? css从filepond导入到vendor.js文件中 import 'bootstrap';

浏览 34提问于2020-10-09得票数 0

回答已采纳

1回答

如何修复“未定义的参考错误: FilePond未定义”在FilePond拖放中

javascript、django、filepond

我试图使用FilePond实现拖放功能在我的网站上。我已经下载了filepond css和js文件，并正确地对它们进行了访问。每当我试图完成设置时，我都会得到一个“未定义的参考错误: FilePond未定义”。css" href="{% static 'main/add.css'%}"> <link rel="stylesheet "type="text/css" href="

浏览 1提问于2019-02-13得票数 2

回答已采纳

2回答

如何访问函数组件中的类组件方法？

javascript、reactjs、react-hooks、filepond

准确地说，我正在尝试访问Filepond组件()的一个方法()<FilePond ref={ref => this.pond = ref}/>import { FilePond } from "react-filepond&

浏览 5提问于2020-06-19得票数 2

回答已采纳

1回答

FilePond上传文件并下载

php、laravel、filepond

我试图将上传的文件显示给文件集并下载。FilePond.setOptions({ instantUpload: false, server:

浏览 18提问于2022-05-27得票数 0

回答已采纳

1回答

filepond-plugin-image-size-metadata配置

javascript、reactjs、metadata、multer、filepond

我希望你一切都好，只是想知道是否有人成功地设置了filepond图像大小的元数据插件。https://github.com/yoldar/filepond-plugin-image-size-metadata 由于缺少文档，目前我已经将allowImageSizeMetadata设置为FilePond} onupdatefiles={(fileItems) => onFileChang

浏览 22提问于2019-12-03得票数 0

1回答

如何使用文件对象填充FilePond

javascript、reactjs、file

你好，我有一个FilePond实例： ref={ref => this.pond = ref}/> 当您上传文件时，它会调用setFile()，将其保存到父组件的状态。从那里，我尝试将这个上传的文件添加到另一个FilePond实例，该实例也是要设

浏览 0提问于2018-12-08得票数 0

1回答

用vanila javascript销毁动态创建的filepond实例

javascript、filepond

我已经在我的函数中创建了filepond实例，它显示了具有文件上传功能的模式块。现在我需要在关闭模式块时销毁创建的实例，因为我需要使用新的filepond实例和参数调用t函数以供其他用途。请指教如何正确实现destoy动态创建的filepond实例；函数初始化filepond： const showUploader = () => { }); } 函数中我必须销毁它的地方： co

浏览 14提问于2020-10-13得票数 0

1回答

如何在FilePond中加载默认图像

laravel、filepond

根据文档服务器对load的配置，应该返回一个包含头内容的文件对象，但是文件对象意味着什么呢？看上去怎么样？<script> FilePond.registerPlugin(FilePondPluginFileValidateSize); FilePond<

浏览 23提问于2022-03-07得票数 2

3回答

如何在Laravel项目中安装FilePond？

javascript、laravel、npm、file-upload、filepond

我需要上传一些文件，所以我决定使用 JavaScript库。我试图通过npm按照在我的项目中安装，所以我做了npm i filepond --save来安装主库，并重复了一些插件。为了使用库，文档说要使用import * as FilePond from 'filepond';导入，但是我必须在哪里编写这些导入？有人能解释一下如何在Laravel6项目中正确插入FilePond吗？

浏览 0提问于2020-01-28得票数 2

1回答

使用Filepond库上传

javascript、php、codeigniter、uploading、filepond

请在预览后，我似乎不能得到我选择的文件在预览中发送通过php的文件头，一旦我提交的表格一般… 这是html <div class="col-md-7"> <label for="files" class="active bg-white ml-2">Other Files</label> </div&g

浏览 24提问于2020-10-11得票数 0

回答已采纳

1回答

如何在同一页面上设置多个FilePond文件输入元素？

filepond

每当我试图在同一个网页上创建多个Filepond输入时，只有第一个输入可以像FilePond网站上的例子一样完美地工作，其他的就不能工作。我已经尽力了，但还是不明白，请帮帮忙。

浏览 17提问于2020-06-28得票数 0

回答已采纳

1回答

Vue filepond* .更改尺寸*

javascript、css、vue.js、filepond

我使用的是Vue Filepond，我想让它填充它的容器的高度。我也在用武帝。fill-height正在使文件池外容器填充该区域，但不填充其内容。<template> class="fill-height" height='100%'

浏览 8提问于2021-12-27得票数 2

1回答

vue-filepond，删除vue3组合API中的所有文件。

vue.js、file、file-upload、upload、filepond

我使用'Vue-Filepond‘上传简单的文件。其他例子说要用但在使用“脚本设置”时不能使用“this.$ref”ref="pond" instant-upload=

浏览 7提问于2022-06-22得票数 1

回答已采纳

1回答

Filepond和jquery返回未加载错误

jquery、filepond

不幸的是，我尝试添加了这个jquery文件。它不会上传 HTML <input type="file" class="my-pond" /> JQUERY $.fn.filepond.registerPlugin(FilePondPluginFileEncode); $(".my-pond").filepond(); // Set allowMult

浏览 30提问于2021-02-04得票数 0

点击加载更多

设置初始文件时，React FilePond中的文件预览不显示