How to get Cross Browser Compatibilty for window.fileReader API of HTML5

html, javascript

Solution

There are multiple pieces that you'll need to check the support of:

//Full File API support.
if ( window.FileReader && window.File && window.FileList && window.Blob )
{
    //Supported
}

else alert( "Not supported" );

Your second requirement:

I also want to know the way to read the file contents without using HTML5 fileAPI... but not using ActiveXObject.

What you could do is this:

- Have an iframe (you'll be posting to this)

- Have an input of type "file"

- When the user selects the local file, you use javascript to post it to the iframe (e.g. `document.getElementById( "myForm" ).target = "myIframe"; document.getElementById( "myForm" ).submit();`

- The iframe's POSTed page (Could be PHP) reads the uploaded file contents and does a callback to the parent page (e.g. `<script>window.parent.someCallbackFunction( theFileCOntents );</script>`)

Problem

Hi Html5 developers and HTML4 developers too... I want to know whether is there any way to support window.fileReader API of html5 in IE8 and above. the code below : ``` if(window.fileReader){ alert("supported"); // in html5 works and fires alert but not in IE8 } ``` Actually, i want to read the contents of file before submitting. - Can i use some condition, if window.fileReader is supported then follow 'A' line of code using HTML5 , else if window.fileReader is not supported then use some other thing...to read the file - I also want to know the way to read the file contents without using HTML5 fileAPI... but not using ActiveXObject. Waiting for the response..

Original source