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
0
votes
0 answers

How to populate a cookie's array through asynchronous requests?

I'm using cookies to set values in an array. req.cookie.array = []; // At first request Then like so: req.cookie.array.push('valueX'); Unfortunately, I'm sending my requests asynchronously, so whichever request goes back to the server the quickest…
yaserso
  • 2,638
  • 5
  • 41
  • 73
0
votes
1 answer

Overflow: hidden seems to break filepond

I'm trying to get Filepond working, but this one line in my CSS seems to break it - overflow: hidden; within a ul selector. I tried nuking entire sections of my page until Filepond worked, zeroed in on the css, and finally the aforementioned line…
donutguy640
  • 377
  • 1
  • 4
  • 20
0
votes
2 answers

Validate File Type in ReactJS using Filepond

I have implemented file upload in ReactJS successfully using Yii2 framework and ReactJS. But I will love to validate file type of file before upload. I have come across this and I have tried implementing it as: this.pond =…
Nges Brian
  • 479
  • 1
  • 8
  • 22
0
votes
1 answer

How to integrate filepond upload with octobercms?

I really love the interface of filepond but having a hard time getting the uploaded images in backend. My code works for normal file input. I currently have this in my default.htm
Osuji Kingsley
  • 371
  • 3
  • 18
0
votes
1 answer

react-filepond how to implement getting dropped/selected files and processing them and uploading?

I'm implementing an application using react-filepond where once the user selects/drops the files, i need to get uris (for the files) for upload from an endpoint(server), and then using those uris to upload to our storage.(whilst also showing upload…
Michael Jernil
  • 33
  • 6
0
votes
0 answers

Error when uploading files using FilePond and multer (expressjs)

I've written a react app that makes use of the FilePond file uploader but am having trouble getting multer to accept the request from filepond, it always returns a 500 error. If I use a standard file upload control the request is accepted by the…
user2188643
0
votes
0 answers

How can i get the encoded file data using FIlepond encode plugin

I am trying to get the encoded base64 data and pass it along with other form fields registerPlugin(FilePondPluginFileEncode); (this.pond = ref)} onaddfile={this.handleFileUploader} onremovefile={this.handleRemoveFile} …
Abayomi Oloyinde
  • 1
  • 1
0
votes
0 answers

Uploading Files using reactjs with Filepond and Php Backend

After doing some research on file uploads in reactjs, I have come across Filepond which seems to be a great solution and can actually handle all I need when it comes to file uploading in my application using Yii2( php) framework. I have installed…
Nges Brian
  • 479
  • 1
  • 8
  • 22
0
votes
1 answer

Filepond unable to save file locally

I need to get a simple file upload solution for a new website. I am trying to Filepond for upload and a small program to save the file to the local file-system. I have gone through the following code on a fresh Ubuntu LTS 18 machine.…
Adeel Hashmi
  • 767
  • 1
  • 8
  • 20
0
votes
0 answers

Linguijs and FilePond format conflict. Can't use { char properly

In the FilePond we should localize text with the use of attributes. For example labelMaxFileSize="Maximum file size is {filesize}". In the project we are using js-lingui. So actual translation would look like this: labelMaxFileSize: i18n._(t`Maximum…
SilentImp
  • 1,865
  • 1
  • 18
  • 28
0
votes
1 answer

Vue Filepond Image Crop

I'm using filepond with VueJS for uploading images. I should crop images on upload if I want. I registered filepond plugin globally. import Vue from 'vue'; import vueFilePond from 'vue-filepond'; import FilePondPluginFileValidateType from…
arif
  • 441
  • 1
  • 6
  • 13
0
votes
0 answers

(Symfony 4) Adding the filepond class wipes out my file widget and nothing shows up on the back end

I want to use filepond to make my input forms fancier, but it replaces my file widget with a series of elements of which have no name attribute, so nothing shows up on the back end. Here is my Symfony form class: class UserProfileType extends…
Brent Heigold
  • 1,213
  • 5
  • 24
  • 50
0
votes
3 answers

How to trigger file removal with FilePond

I have FilePond (via React) configured to upload multiple files, to receive those files on the back-end, store them, and show them properly when revisiting the page. let server = { url: '/mypath', process: '/mypath', revert:…
shacker
  • 14,712
  • 8
  • 89
  • 89
0
votes
1 answer

How to set up FilePond js image preview

I am trying to use FilePond to allow users to upload drag and drop images. I've set up the FilePond drag and drop and I'm trying to implement the image preview feature. I've attached the css and js and included it in my html. The image preview still…
Opp
  • 520
  • 1
  • 8
  • 21
0
votes
3 answers

React FilePond Preview [ File Poster ] Not Working

My FilePond Poster preview code not working, please help me find what i'm doing wrong. i tried different variations of the code seen below but with no luck. -i tried to enable instant Upload (didn't work) import React, { Component, Fragment } from…
Abdelghafour Ennahid
  • 401
  • 5
  • 12
1 2 3
…
25
26