Posted  by  admin

How To Use Input Type File In Jsfiddle

How To Use Input Type File In Jsfiddle Average ratng: 4,9/5 4891 reviews

Join GitHub today

Input type='email' class='form-control' id='inputEmail3' placeholder='Email' required /.

GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.

Sign up New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Comments

commented May 29, 2018
edited by rikschennink

Hello,

I'm trying to use the multiple uploads feature, but it seems that the hidden fields created to store the temporary id use all the same name (and not the array notation, like filepond[]).

Therefore, when I post the form, only one id gets through.

In your examples on the website, there is no mention of any other setting

I'm currently using multiple attribute (although I use multiple='multiple' but I don't expect it to work differently) and also using allowMultiple option.

Audio: English: 5.1 Dolby Digital / Spanish & French: Dolby Surround Language: Dubbed & Subtitled: English, French & Spanish Theatrical Aspect Ratio: Widescreen: 1.85:1 **Forced Trailers: Alvin and the Chipmunks:The Squeakquel, Percy Jackson Theatrical Trailer, Aliens In The Attic, Night At The Museum 2, Glee **Filmmaker Commentary **Marley Meets Purina Puppy Chow **Trailer Farm: Love Comes Softly Collection, The Pink Panther 2, Flicka 2, Strawberry Shortcake Sky's The Limit, Family Catalog Trailer. Ice age 1 full movie in tamil hd free download.

Any help is appreciated!

Collaborator

commented May 29, 2018

Hi @lekoala! If you change the name of the input to filepond[] FilePond will copy that name to the hidden input fields.

Author

commented May 29, 2018

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 :-)

Author

commented May 29, 2018

As far as I can tell, it's not working

Here is my input

<input type='file' name='Files[]' multiple='multiple'>

Here is a sample hidden field

<input type='hidden' name='Files' value='68'>

Collaborator

commented May 29, 2018

Input

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.

Author

commented May 29, 2018

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.

Collaborator

commented May 30, 2018

Alright, will await your response.

Author

commented May 30, 2018

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?

How To Use Input Type In Numbers

Collaborator

commented May 30, 2018

I'm not sure I understand what you mean with:

Top 2 to download highly compressed games. Dominions 4 Thrones of Ascension Game Free Download PC Game highly compressed setup in the single direct link for Windows. It is an impressive Indie,. Download the best games on Windows & Mac. A vast selection of titles, DRM-free, with free goodies, customer love, and one fair price for all regions. Mar 1, 2018 - Free Download Highly Compressed Ps2 Games Below 100Mb Jan 13, 2016 HIGHLY. 200 Mb Games - Android Apps free - Free Download.

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.

Author

commented May 30, 2018
edited

it means i was doing something like

<input type='file' name='Files[]' multiple='multiple'>

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']).

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment