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
0
votes
1 answer

Missing Exif data Filepond Vue after save

After saving image to server - images missing some exif data (Latitude Long) Here is info after save In real image is full exif
0
votes
0 answers

FilePond is not defined

I copy all code from https://unpkg.com/filepond@4.4.12/dist/filepond.min.js and past into chrome console opened on this (StackOverflow) website(for example). I see in console FilePond object is created. I have an access. But if I do the same on…
Alexufo
  • 1,723
  • 1
  • 15
  • 30
0
votes
1 answer

CORS error even with cors nom package installed

I am using React Filepond and the uploading part is working fine. But when I go to an existing record and try to display the image, I get a CORS error: Access to XMLHttpRequest at 'http://localhost:8000/img/myImg.jpg' from origin…
user8463989
  • 2,275
  • 4
  • 20
  • 48
0
votes
1 answer

How to get the image blob from filepond for other components in vue

I am working on a page where there is a configuration setup and a preview pane. I wish for filepond to provide the bitmap(blob?) image when an image is uploaded so that it can be displayed in the live preview creator pane div tag rather than the…
0
votes
0 answers

Error during upload, but its not an error

Im trying to do a simple upload file to a server, ok, he does that correctly. But, when I send a document with size 1MB or more it returns an error but the file appears on the server anyway. It succeed. But he says "Error during upload" (on red) on…
Kirat
  • 69
  • 1
  • 2
  • 6
0
votes
1 answer

Not able to see the preview of the image in filepond

I am trying to use filepond to upload some images. The upload works properly. I also would like to see the preview of the images on upload. I have tried to use the plugin but apparently, I see no change. {% block style %}
Harshita
  • 57
  • 8
0
votes
1 answer

Filepond process all files in one request

I am using react-filepond to process multiple files. I need to send all files together to the API in one request as opposed to multiple request per each file: // Import the Image EXIF Orientation and Image Preview plugins import…
MonteCristo
  • 1,471
  • 2
  • 20
  • 41
0
votes
0 answers

Multer, Multer-s3 not calling callbacks for dynamic key naming

I'm trying to pipe a file that I send with FilePond for React, get with on my expressjs and upload to s3 with multer and multer-s3. I have seen tutorials that specify that the best way to name the files dynamically is to declare a callback on the…
Jacobo Koenig
  • 11,728
  • 9
  • 40
  • 75
0
votes
1 answer

Do filepond support files contain geoJson extension. if yes how to apply?

i have set up a filepond for which accepted types are json and csv. if i want geojson filetypes to be accepted what should i do? fileUploadOptions = { class: 'static-filepond', multiple: false, labelIdle: this.translation.translate('Drop…
0
votes
1 answer

How To Fix Invalid argument in `put` at index 0: Expected Blob or File when using React, Firebase and Filepond

I'm trying to upload a users avatar when creting a firebase user, After creating a user here auth.createUserWithEmailAndPassword(this.state.email,this.state.password) .then(credential=>{ const photoUrl = this.handleUpload(credential) }) I…
Shei
  • 393
  • 4
  • 15
0
votes
1 answer

Vue FilePond bug with stylePanelLayout

many of the FilePond property seem to not show an effect, but there are even some that render the component unusable. tried on codepen with the default example. As soon as I add the following line: stylePanelLayout='compact circle' to…
apollobln
  • 1
  • 2
0
votes
0 answers

Symfony Form data isn't sending with custom form image type theme

I am using a plugin called FilePond to have a better look while uploading an image with VichUploaderBundle. So to evoid the default form_row template of the bundle i made a custom one: //template/forms/upload_image.html.twig {% block _image_file_row…
0
votes
1 answer

How to use php for loop to create FilePond instances, and use plugins

I want to use a php for loop to create some file inputs with FilePond. Each instance needs to have its own unique url, and use the plugins initiated. I have got the actual file uploads working, although the plugins don't seem to be getting…
Gaius T
  • 41
  • 7
0
votes
0 answers

Upload folder using filepond

I am trying add a functionality of uploading a folder using filepond but there is no such documentation for such,so how to upload a folder using filepond?
titor
  • 35
  • 1
  • 8
0
votes
2 answers

How to access JSX component method in React?

I'm using FilePond with react-final-form. I don't know how to access the methods of the FilePond adapter. FilePond has a getFiles method I am trying to access. const FileAdapter = ({ input: {value, onChange, ...rest}, pond}) => (
yaserso
  • 2,638
  • 5
  • 41
  • 73