Browsing and displaying pdf on html page not working in IE <p>I am using the following code to browse and display pdf file on the html. Its working in chrome but not in IE. Iam using iframe to show pdf. </p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link class="jsbin" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" type="text/css" /&gt; &lt;script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt; &lt;script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;meta charset=utf-8 /&gt; &lt;script&gt; function readURL(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { // document.getElementById("blah").setAttribute('data', e.target.result); $('#blah') .attr('data', e.target.result) .width(150) .height(200); }; // alert("after attaching"); reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;title&gt;JS Bin&lt;/title&gt; &lt;!--[if IE]&gt; &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;style&gt; article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type='file' onchange="readURL(this)"/&gt; &lt;object id="blah" data=""&gt;&lt;/object&gt; &lt;!-- &lt;div id="pdf"&gt; &lt;iframe src="http://www.oracle.com/events/global/en/java-outreach/resources/java-a-beginners-guide-1720064.pdf" id="blah" style="width: 100%; height: 100%;" frameborder="0" scrolling="no"&gt; &lt;p&gt;It appears your web browser doesn't support iframes.&lt;/p&gt; &lt;/iframe&gt; &lt;/div&gt; --&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I was using Object tag for attaching later on i changed to iframe for IE compactibility</p>