Question

81

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

rated 0 times [ 86] [ 5] / answers: 1 / hits: 15106 / 11 Years ago, thu, december 12, 2013, 12:00:00

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..

Answers

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

tyasiaalmap

Add To Favorites

Follow

Total Points: 294

Total Questions: 107

Total Answers: 108

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

answered 11 Years ago benitoh · Accepted Answer

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>)