Stack Overflow
Stack Overflow

Questions tagged [filepond]

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

See: https://pqina.nl/filepond/

383 questions
2
votes
1 answer

Clicking on "Tap to cancel" is not working and not removing files

Hey guys I am quite stuck at the moment - I have override the process method however on my front end whenever I click ''Tap to cancel" - nothing happens. I have tried logging in various places but none of them get hit - can you assist?
Luc van Rooyen
  • 21
  • 2
2
votes
1 answer

How can I trigger filepond uploads using cypress?

I'm trying to use cypress for writing e2e tests for a media application that handles uploads using Vue Filepond, but I have trouble triggering the file uploads. How can I do this?
t-bone
  • 184
  • 2
  • 14
2
votes
0 answers

Missing FilePond instance methods from react-JS?

I am trying to use FilePond in my typescript React project and I am finding that a lot of the instructions from FilePond's tutorials do not work as expected. I am following the tutorial at https://pqina.nl/filepond/docs/patterns/frameworks/react/…
Pha Huynh
  • 21
  • 1
2
votes
1 answer

Filepond input field not attached with formdata while sending

How do I upload a FilePond file field to the server along with other form elements. For example i have a form element that contains input fields, a select field, a textarea and a file input field which is connected to the Filepond plugin.
Paulos Ab
  • 319
  • 4
  • 16
2
votes
0 answers

Removing a file with filepond

I use filepond to send a single image on my server, process it, and get the processed data back. When I use the filepond button to remove the current displayed image and add a new one, I find out that it is actually only removed from the display,…
michltm
  • 1,399
  • 2
  • 13
  • 33
2
votes
3 answers

Install FilePond in a Laravel project, how?

I'm developing my first Laravel based webapp. I need to upload some file so I decided to use FilePond JavaScript library. I tried to install in my project via npm following the documentation so I did npm i filepond --save to install main library and…
icolumbro
  • 97
  • 3
  • 17
2
votes
1 answer

FilePond Plugin Import Error - Could not find a declaration file for '...'

I am seeing the same issue with importing all of the plugins. ErrorScreenShot Verified that they are not working as expected in the browser return for the file upload. I am trying to encode the photo for upload to MongoDB Atlas. File Request…
Josh Shearer
  • 23
  • 2
  • 7
2
votes
2 answers

FilePond how to pass the name or id of the deleted file as a parameter to the controller?

I am using the filepond plugin to upload files in bulk. The uploaded files are saved to the cache. Now I want to click the delete button to delete the corresponding file on my cache. I want to know how the name or id of the front file should be…
luke
  • 21
  • 3
2
votes
0 answers

Specifying field name has no effect if one is already specified in the input field?

If I have an input field with the name attribute already specified, like this: And then I enhanced the file input above with FilePond below: const inputElement =…
Ben Wong
  • 31
  • 4
2
votes
1 answer

Not able to see the selected files while using filepond library

I am trying to upload files using the filepond library. I am using python flask as backend. Here is the code I am trying to use to get the files uploaded_files = request.files.getlist("file") print("Uplaoded Files are") print(uploaded_files) This…
Harshita
  • 57
  • 8
2
votes
1 answer

Horizontal rather than vertical display

I want to display multiple file uploads horizontally rather than the default vertical. I don't see any mention of this in the documentation.
Chris Thompson
  • 21
  • 1
2
votes
1 answer

React FilePond (functional component) plugins not working even though I'm not getting errors?

I've got FilePond running as a child of Final Form React. I'm trying to register plugins into it, but it doesn't seem to be working. import React from 'react'; import { Form, Field } from 'react-final-form'; import { FilePond, registerPlugin } from…
yaserso
  • 2,638
  • 5
  • 41
  • 73
2
votes
1 answer

Submit form data to the backend with filepond file uploader and another input fields

I am trying to submit a form consists of text fields and a file uploader in react. The file uploader is integrated with react-filepond as follows. (this.pond = ref)} files={this.state.files} …
SMash
  • 345
  • 2
  • 7
  • 23
2
votes
3 answers

How to access response returned by web API after a successful upload?

I have checked the documentations but not anywhere I can find any details to the requirement I need. Here's a web API resource it's called when uploading which returns a json of its filename and content. [HttpPost, DisableRequestSizeLimit] …
JamesCM
  • 73
  • 3
  • 6
2
votes
1 answer

I can't get image preview to work on filepond

I have done literally everything to make it work but it is not working yet I loaded from cdn just as it is in the preview documentation
Osuji Kingsley
  • 371
  • 3
  • 18
1 2
3
…
25 26