Using files selected in Browser in Javascript [duplicate]

This question already has an answer here:

• Reading local files with <input type=“file”>? 1 answer

I'm working on a web page that has a file input on it that expects an XML file. This XML file contains a variable number of elements each with a unique ID.

When the user selects an XML file from their computer, I would like the webpage to read the XML file (preferably without a page refresh) and display another "input" field for each XML element with the Unique ID from the XML attached as either data or in the id property.

I have managed to get the javascript to detect when a file is selected, and can print the name of the file but have been unable to find anything that helps me read the actual file.

Thanks guys