javascript - HTML 4 equivalent of HTML 5's FileReader?

Question

I've got a web page which needs to be able to load files into the DOM from the local machine on which the browser is running. I've found that this is very easy to do using the HTML 5 File API.

I can just do:

var reader = new FileReader();  
reader.onload = function (fileContents) { ... load contents to a div ... }
reader.readAsText(f) //where f is an HTML5 File object

Annoyingly, I need this to work in IE7, and also some earlier versions of Firefox which don't support the API. Is there any easy way to load a local file into the DOM in older browsers?

Many thanks!

Answer 1

No, you cannot do that in older browsers. FileReader (any file system access really) is a new HTML5 feature which is not supported in older browsers.

Your best option in an older browser is either:

1. A Silverlight, Flash or Java app (or similar) that runs on the client-side and has local file system access.
2. Having the user upload files using the <input type="file"> element, and do your processing server-side.