Comments (9)
Hi @lekoala! If you change the name
of the input
to filepond[]
FilePond will copy that name to the hidden input fields.
from filepond.
I just tried on jsfiddle, it works indeed as you said so there must be something wrong in my setup. I'll have a look tomorrow to see what's wrong.
from filepond.
it means i was doing something like
<input class="filepond" type="file" name="Files[]" multiple="multiple" id="InputFiles">
and then doing this
$('.filepond').filepond({allowMultiple: true, name: 'Files'})
When done like that, it's Files that will be used for hidden fields, not Files[]. I was using the "name" option to make sure that it was sent properly to the server.
With Files as key, you get a regular array (['name' => 'some name', ...] and with Files[] you get a more complex array (['name'] => [ 0 => 'some name']).
from filepond.
it might be more convenient to let the javascript add the [] when needed, so that the declaration would stay the same as a standard html 5 file input ?
As far as I can tell, setting the multiple attribute should not require array syntax.
But otherwise I'll try to change the name and see if it works :-)
from filepond.
As far as I can tell, it's not working
Here is my input
<input class="filepond" type="file" name="Files[]" multiple="multiple" id="InputFiles">
Here is a sample hidden field
<input type="hidden" name="Files" value="68">
from filepond.
That's odd, can you set up a public test case, I can't reproduce this problem on my test environment.
While I like the idea, I'm afraid automatically switching names might be confusing.
It's indeed more logical to have a singular name for the input
( when it's not enhanced ). But having a fixed name will be easier to handle on the server.
from filepond.
Alright, will await your response.
from filepond.
ok, it was because I was using the name option to set the name of the field when uploading the file. It's still a bit annoying though because it means that the behaviour is not the same when having single or multiple uploads : the endpoint will get passed an array of files or a single file. But at least its working now :-)
Maybe the docs deserved to be updated so that it's clearly specified that when using multiple attribute, the name should include [] in it?
from filepond.
I'm not sure I understand what you mean with:
I was using the name option to set the name of the field when uploading the file
But I'm glad it's working.
The docs are on GitHub as well, so if you have suggestions for improvement, pull requests are very welcome.
from filepond.
Related Issues (20)
- [Bug] accepted filetypes audio on iPhone doesn't work HOT 2
- Changing the size of the button to remove an uploaded photo HOT 1
- [Bug] Invalid file label overflows if many file extensions are supported HOT 3
- Example with transfer(id) on Server advanced process
- [Bug] black image uploaded instead HOT 1
- [Bug] The method getFileEncodeDataURL() stopped working. HOT 1
- [Feature] Prevent video reordering to first position HOT 1
- [Feature] Option to Disable the Remove File Button HOT 2
- [Bug] Please remove the shaking animation.
- [Feature] Customize Animation Duration
- [Bug] [react-filepond] State update in onremovefile event handler triggers file re-upload HOT 2
- [Bug] url.split is not a function when attempting to load "local" images (React 18) HOT 6
- Converting Headers key to CamelCase? HOT 1
- Bootstrap 5 image preview as gallery [Feature] HOT 2
- [Feature] How to show file limits to a custom html area with a selector HOT 5
- filepond--list-scroller overlays other elements [Bug] HOT 1
- Display a custom message on Upload complete, including data from the server response HOT 3
- I'm not able to drag an attachment from Outlook or Gmail HOT 3
- [Bug?] HOT 1
- [Bug] typings missing processfiles event HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from filepond.