Javascript library for file uploads.
Javascript library for file uploads. Features include
- Multiple File Sources
- Multiple Input Formats
- Async or Sync Uploading
- Responsive
- Accessable
- Automatic Resizing
Resources
Questions tagged [filepond]
383 questions
0
votes
2 answers
FilePond override server.process on React
I'm trying to use the FilePond control in a React app. I need to handle file uploads with custom code. According to the documentation, I'm supposed to use setOption to override the server.process function. Documentation Link
This doesn't appear to…
Andrew Kennel
- 5
- 1
- 2
0
votes
4 answers
Upload a file (picture) to server with Laravel using FilePond, how?
I'm trying to use FilePond to upload profile picture during user registration on a Laravel 6 project.
In my register.blade.php I've a then, at…
icolumbro
- 97
- 3
- 17
0
votes
1 answer
Crop the image from encoded data on submission - ( File Pond - FilePondPluginFileEncode - imageEditEditor- Doka - Crop - PHP )
Is there any proper PHP code to use when cropping the image using the data that get passed from the hidden field when using the 'FilePondPluginFileEncode'? ( I'm using Doka as image editor) https://pqina.nl/doka/?ref=filepond
The below options get…
danuddara
- 113
- 7
0
votes
1 answer
Filepond Upload Status shows "Upload Complete" before the file is uploaded
Because S3 upload functions upload the file asynchronously, the filepond method shows file status as "Upload Complete" until its completely uploaded. Is there a way to create a dependency to not do anything until the file is completely uploaded to…
Trojan Developer
- 13
- 5
0
votes
1 answer
Image Overlay plugin for FilePond Vue
I want a review button on image, but I don't find attribute.
I set the imagePreviewMarkupShow = true but it didn't work.
Package here
My Template
Coşkun Küçük
- 43
- 8
0
votes
0 answers
React: Extracting files from a filepond and putting it into an embed
I'm using hooks with filepond and I can't seem to extract the file from the filepond. My code is shown below. I know that my code is incorrect since the embed does not actually give the location of the file but I have no idea how to fix this.
const…
Jerry Lee
- 1
- 1
- 3
0
votes
2 answers
How can I send the uploaded file (by filepond) with phpMailer?
I'm using filepond (https://pqina.nl/filepond/) to upload files on my server.
I was able to use the php boilerplate (https://github.com/pqina/filepond-server-php)
and was able to upload my file with filepond but was wondering how
to send it with…
UWS
- 25
- 6
0
votes
2 answers
using filepond with react and want to validate or prevent same name upload
For File multiple upload using I want to make sure there’s no duplicate file name, like if there’s two file having same name then it should be like file.pdf and another file should get file(1).pdf and so on.
How can I do this?
…
user12186675
0
votes
1 answer
filepond-plugin-image-size-metadata configuration
I hope you're well, just wondering if anyone has successfully set up the filepond image size metadata plugin.
https://github.com/yoldar/filepond-plugin-image-size-metadata
The documentation, is somewhat lacking, currently I have set…
old_blueyes
- 25
- 5
0
votes
2 answers
multer/filepond upload returning undefined
i am currently trying to integrate multiple filepond components/instances into my react app, where the images are uploaded on button/form submit.
I have it more or less working with the code below, but i'm getting an undefined result when logging…
old_blueyes
- 25
- 5
0
votes
1 answer
Make FilePond Image Transform plugin ignore (animated) GIFs
I'm using FilePond with an image editor, so I also load the Image Transform plugin.
However, when a user uploads a GIF file, I want the outputted image to remain a GIF file. Currently it's transformed to a PNG by the Image Transform plugin.
Is there…
Veur
- 35
- 1
- 6
0
votes
1 answer
Removing FilePond file after upload React
Ok I am at my wits end here. I am using FilePond with React in a functional component using Hooks. I am not using FilePond to handle the actual upload, just setting the state with the files, my simplified version is this:
The Filepond:
…
Mazer Rakham
- 43
- 7
0
votes
2 answers
Dynamically loading multiple FilePond instances
I have a page where multiple input file fields are dynamically added to the DOM, and each should be converted to a FilePond.
Here is a Codepen to simulate my issue: https://codepen.io/veur/pen/pooZWoo
Click "Load FilePond 1" and upload a file: the…
Veur
- 35
- 1
- 6
0
votes
1 answer
Is there a way for FilePond compression / resize to be triggered manually?
I'm using FilePond and Doka for managing and editing image uploads on a form with unique needs, and I am hoping to be able to resize and/or compress images automatically when a file is added to FilePond.
I'm using the React implementation of…
BJ Vicks
- 1
- 3
0
votes
0 answers
Filepond preview images horizontally
I am using Filepond version 4.7.3 and I know in version 4 they rolled out the ability to view items in grid view horizontally.
I have tried the following css:
.filepond--item {
width: calc(50% - .5em);
}
but i still see images vertically
Andra Avram
- 75
- 1
- 8