Question

How get the content from a File-API object in JavaScript?

I have a File-Api object and I want to retrieve all the file’s content for sending it via POST in a Ajax Request.

Any suggest?

Answer 1

If by “File-API object” you mean a input of type file then you can use this:

// Multifile support
var files = getElementById('myfileinput').files

// Non multi support
var file = getElementById('myfileinput').value

Then you can get the file names with a loop:

var filenames = []
for (var i = 0, l = files.length; i < l; i++)
  filenames.push(files[i].name)