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
3
votes
0 answers
uploading and deleting files using react filepond and firebase storage
I am new into this. So i found this example code to upload files to firebase storage using file pond. It works great when uploading the file.
import * as firebase from "firebase/app";
import "firebase/storage";
import shortid from "shortid";
import…
user36043
- 43
- 2
3
votes
1 answer
add an icon/div to the preview images when onactivatefile is fired (Filepond)
Background: I have a django project where a user can upload multiple images, and one of them will be the main image. I am using Filepond to upload and optimize images.
The order that Filepond uploads files is not always the same as the order of…
ha-neul
- 3,058
- 9
- 24
3
votes
1 answer
How to get origin property of reverted file in filepond
I followed filepond doc about Setting Initial Files to prepopulat filepond. Now, I want to write a custom revert function in which I can use different function based on file origin.
The following is a hypothetical code to show what I want to…
ha-neul
- 3,058
- 9
- 24
3
votes
1 answer
How to add download image or Pdf/any doc in filepond?
How to add download image or Pdf/any doc in filepond. I am using Filepond with vue framework. i also need a big preview of image when i click on image thumbnail how to achieve this with filepond?
Neha
- 2,136
- 5
- 21
- 50
3
votes
1 answer
When uploading a single file, Filepond submits an empty file before submitting the "real" file
I'm trying to understand what Filepond is uploading to my server method and I've run across something really confusing. I'm only using the process server method and I'm testing with a single file at a time. Here's my Filepond definition (this is…
lamont
- 428
- 1
- 7
- 16
2
votes
2 answers
How to insert an array inside an array dynamically in Javascript
Help, I'm using filepond and I want to put the files uploaded inside an array from a declared array. I'm really sorry, my first time to use File Pond library. This is my sample code.
let data_to_review = []
$('.step:nth-child(1)…
user20476491
2
votes
1 answer
Filepond integration with livewire dosen't shows progressBar in percentage like 1% to 100%
I have integrated Filepond in my project, am getting a problem when I upload a file it doesn't show its progress from 1 % to 100% but other things work well and the image view also with no problem. Filepond working fine only issue is that when we…
Noman Zahid
- 74
- 9
2
votes
1 answer
Problem using sweetalert2 and filepond in Laravel 9.2
Hell guys ,
I am using Laravel 9 and I want to use sweetalert2 and filepond in my project.
I installed the mentioned plugins through npm.
This is my app.js file
import './bootstrap';
import Alpine from 'alpinejs';
import * as FilePond from…
Najeeb Anwari
- 85
- 10
2
votes
0 answers
Reduce image size with filepond
I've been working on a work project recently and I've been asked to add some compression to images coming through a form. We're currently using filepond and I'm not supposed to change it, just add compression.
I've seen the…
Dalkeri
- 23
- 4
2
votes
1 answer
How to load default image in FilePond
According to the documentation server configuration for load should return a file object with header Content-Disposition, but what does file object means? How does it looks like?
With my code below I can load the image name correctly only, I need to…
vbnewbie
- 206
- 6
- 26
2
votes
1 answer
Vue filepond - Change dimensions
I'm using a Vue Filepond and would like to make it fill the height of its container. I'm also using Vuetify.
If I try setting the values in the CSS it gets overridden by 76px.
fill-height is making the file-pond outer container fill the area but not…
Michael
- 3,411
- 4
- 25
- 56
2
votes
1 answer
Refresh a table after upload file with Alpine js
I'm developing a Laravel application and I've got a view where displayed file data in a table.
When I upload a file via Filepond input type file, I want the view to refresh using Alpine js to display the new uploaded file.
How can i do?
This is the…
Marco Polato
- 33
- 1
- 5
2
votes
1 answer
How to work with filepond plugin, ajax and php, file name not detected on the server
I am trying to upload file to an xammp server. I'm unable to access the file it uploaded. I doubt on this link server: 'http://localhost/', because when I change it to the name of PHP file that process data on the server side it works.
But also I…
YEUNG_SANG
- 61
- 1
- 6
2
votes
1 answer
How to fetch image with inertia js and spatie media library
so I'm using spatie media library and I can upload images to storage and database. And I'm trying to display multiple images in a vue component. This is my Controller.
public function showHotelPhoto($id)
{
$hotel =…
malvin saputra
- 31
- 2
- 4
2
votes
1 answer
Creating PHP backend for file upload using filepond
I am creating a form on a website, where files (images and pdfs) need to be uploaded too. Until now, I have used a simple input type="file" element, coupled to a PHP file on the backend (snippet follows):
$allowed = array('jpg', 'jpeg', 'pdf',…
Iridium
- 113
- 1
- 8