Question

67

Get the files chosen using the input type file (multiple) and store them in an array

rated 0 times [ 74] [ 7] / answers: 1 / hits: 22039 / 11 Years ago, mon, july 1, 2013, 12:00:00

In my HTML i select multiple files.

<input type=file id=img multiple>

I want to store each element in an array so that i can print the file source.

I have done this in my javascript but it does not work.

function loadfiles()

{

var x=document.getElementById(img);

for (var i=0;i<x.length;i++)

{

  document.write(x.elements[i].src);

}

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

frederickmohamedw

Add To Favorites

Follow

Total Points: 21

Total Questions: 123

Total Answers: 105

Location: The Bahamas

Member since Tue, Apr 27, 2021

3 Years ago

frederickmohamedw questions

1 React JS. How can I display the image inside the object?

Wed, Sep 23, 20, 00:00, 4 Years ago

1 Vuetify data table :item-class doesn't do anything

Sat, Jul 18, 20, 00:00, 4 Years ago

1 How to show modal on component/page created/load in Vue.js

Sun, Apr 26, 20, 00:00, 4 Years ago

1 File type from buffer using file-type

Sat, Jan 11, 20, 00:00, 4 Years ago

1 Slick Slider Mobile Responsiveness

Fri, Dec 27, 19, 00:00, 4 Years ago

View All

answered 11 Years ago davion · Accepted Answer

The property files gets you an array of all the files selected by the file input. So the loadfiles function should be modified to following:

function loadfiles()

{

    var imageFiles = document.getElementById(img),

    filesLength = imageFiles.files.length;

    for (var i = 0; i < filesLength; i++) {

      document.write(imageFiles.files[i].name);

    }

}