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
0 answers
Move filepond input to a different location in the DOM
I'm in the middle of building the file uploading part of our system, and our design has two flows in which you can upload a file:
Drag 'n drop onto the page
Click the "Upload file" button which presents a modal.
If I drag 'n drop a file onto the…
PaReeOhNos
- 4,338
- 3
- 30
- 41
0
votes
1 answer
Filepond with Django returns empty filelist
I am trying to use file pond with my Django but after the images are preview and it displays them as green and I see the POST request, after clicking submit n my form when I print request.files it returns an empty list.
This is my Django…
ashes999
- 1,234
- 1
- 12
- 36
0
votes
1 answer
React Filepond Loading Initial Images Not Working
I'm having some trouble using Filepond for React. Currently, I want to preload a user's profile picture when the page is loaded. I have tried two different approaches but none have worked yet:
First, I try to use the server load option of Filepond…
arthurk33
- 83
- 2
- 6
0
votes
0 answers
The FilePond onupdatefiles method is called two times, how can I prevent this?
FilePond onupdatefiles method is called two times.
As seen in the photo, two of the same file is selected. How can I prevent this?
React code
meren
- 432
- 5
- 19
0
votes
0 answers
Doka Image Editor not outputting file when using onconfirm
I'm trying to get a base64 string from an image file I edited using docs from Doka image editor.
This is the code I'm using from the link
options = {
class: 'my-filepond',
multiple: true,
labelIdle: 'Drop images here',
…
user6680
- 79
- 6
- 34
- 78
0
votes
2 answers
vue filepond component multiple instance on the same page causing input event emitter is saving in last component's v-model
I have created a file-uploader component as follows:
Sasank M
- 65
- 10
0
votes
1 answer
Chunk Upload Cutting File Size
I'm using a Spring Boot back end to process POST and PATCH requests. If I upload images without chunking, they come through just fine. However, when I try to use chunking, the file size gets cut drastically. For example, if I send a 2.3MB image…
jwsinner
- 358
- 3
- 9
0
votes
1 answer
Custom chunk implementation
Is it possible to customize the chunk configuration in Filepond such that the chunk information is provided to the upload server:
as query parameters instead of headers
with custom query parameter names instead of Upload-Length, Upload-Name, and…
Jeff
- 111
- 2
0
votes
0 answers
filepond file uploader reloads web app when file is still uploading and refreshes current page
I am using reactjs to create the web app, on a file uploading component, I utilize filepond, it works well, except when I am trying to upload a file, before it's progress reaches beyond 30 or 40 percent, the entire page reloads and the whole file…
Langson Chibili
- 1
- 1
0
votes
1 answer
Add custom 'li' element to existing ul list in filepond
Hi I am trying add custom 'li' to the list of files.
let element = document.createElement("li");
element.innerHTML = "hello";
let ulEle = document.querySelector(".filepond--list");
let liItem = document.querySelector(".filepond--item");
…
Rajul Dixit
- 11
- 1
0
votes
2 answers
FIlepond Image preview background color
Is there a way to change the default background color used when displaying initial image files in Filepond? Currently, the images are resized to fit into the control with the extra background space using black. I can get standard file types to…
smedcalf
- 21
- 4
0
votes
0 answers
URIError: Failed to decode param - Encode binary image Filepond
I send an image as type:binary and parse into JSON to the DB where it is a json string. If I want to query the image it throws an error
URIError: Failed to decode param '%EF%BF%BD...' at decodeURIComponent
()
I save encode the image as…
Dariun
- 327
- 3
- 14
0
votes
2 answers
Use of HEIC files with filepond?
I'm trying to upload an HEIC file with filepond. Which file type should I specify?
At the moment I have this:
accepted-file-types="image/jpeg, image/png, image/gif, image/jpg"
I can't find anything in the docs about this, and my experimentation…
Edward Hibbert
- 107
- 2
- 11
0
votes
1 answer
Filepond, DELETE request, and filename
I've got a server that accepts the DELETE request from Filepond just fine. However, I am having a hard time trying to find the filename in the request. After reading, I found that it is in the Body of the DELETE request. Is that true? If so, how…
robert
- 63
- 7
0
votes
0 answers
OnPrepareFile Method returns a constructor when using FilePond 4.11
I have been on this for days now, am checking the mime type and only allowing CSV file, I want to see the content of the file upon passing validation so I can print with PapaParse on the screen. Using the onPrepareFile method returns a constructor…
