JS: Create input type file multiple and set js array as value

Question

I have an array of File's:

var images = [];

How can I create a valid input and sent to server using Javascript such as:

<input type="file" multiple="multiple" value="{my images array}">

It needs to be done via JS with AJAX. The HTML input does not exist, so i need to create it in js. The question how to assign my images array to input's value attribute assuming that images array is not empty?

You're asking how to create the element as HTML by using JS and also asking how to post that to the server? So do you already know how to use a form or not? Because if not, that needs to be part of the answer. Also does that element already exist? Does a form exist? Or is this purely JS + AJAX? images is empty. Should it be? If so where does {my images array} come from? — Popnoodles
– Popnoodles, Commented Aug 27, 2015 at 12:18
@Popnoodles it's purely js with ajax. the element does not exist - that what i was asking. how can i assign my js array to input value — marknorkin
– marknorkin, Commented Aug 27, 2015 at 12:26
Ok .I would recommend editing the question before it gets closed for being unclear. — Popnoodles
– Popnoodles, Commented Aug 27, 2015 at 12:27
And can we see the jQuery that you have already so that we can apply the solution to it? — Popnoodles
– Popnoodles, Commented Aug 27, 2015 at 12:28

marknorkin · Accepted Answer · 2015-08-27 12:36:43Z

2

So I found the way to do it - to use input's files property, like

var input = $('<input/>', {
                type: 'file',
                multiple: 'multiple',
            })
            input.files = images;

answered Aug 27, 2015 at 12:36

marknorkin

4,11412 gold badges50 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

stackoverfloweth · Accepted Answer · 2015-08-27 12:15:21Z

-1

does this help?

inputElement.onchange = function(event) {
   images  = inputElement.files;
}

answered Aug 27, 2015 at 12:15

stackoverfloweth

6,9275 gold badges44 silver badges75 bronze badges

3 Comments

marknorkin Over a year ago

not what i was looking for. it should be inverted. in that case it will work ?

stackoverfloweth Over a year ago

I'm not sure you can set it the way you're looking for, but I could be wrong

DallaRosa Over a year ago

if you don't set multiple when creating the object this would only get the one file the user was able to select. it will not allow the user to select multiple files

Collectives™ on Stack Overflow

JS: Create input type file multiple and set js array as value

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest