Why .txt file in is getting downloaded instead of displayed?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2015-06-16T07:03:19.513" class="fromnow">Jun 16 '15 at 07:03</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2022-09-01T21:09:07.293" datetime="2022-09-01T21:09:07.293">Sep 01 '22 at 21:09</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 14,755 times"> <span class="fc-light mr2">Viewed</span> 1.5k times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="30860875" data-ownerid="3616913" data-score="12"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="30860875"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="12">12</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value="0">0</div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I am using an <code><iframe></code> to display a text file:</p> <pre><code><div class="document-view"> <img src="img/302.GIF" /> </div> $(window).load(function () { <s:if test="extention.equalsIgnoreCase('txt')"> element = '<iframe class="iframe" src="/dmsrepo/<s:property value="docLocation"/>" />'; </s:if> $('.document-view').html(element); }); </code></pre> <p>When I inspect element in the browser I can see the file location.</p> <pre><code><iframe class="iframe" src="/dmsrepo/Legal Doc Type/LegalDocType_123456789_1.0.txt" /> </code></pre> <p>But the text file is getting downloaded in Chrome, Firefox and IE. </p> <p>How to resolve this issue?</p> <hr/> <p><strong>EDIT</strong>: you can reproduce the behavior in the following fiddle, that strangely affects only Firefox, for every page load after the first one.</p> <blockquote> <p>Simply <a class="external-link" href="http://jsfiddle.net/0wxw423d/" rel="noreferrer">open the page</a>, then press <kbd>Run</kbd>.</p> </blockquote> <p>Note: it affects also the first load if Firebug Net module is activated.</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/firefox" class="post-tag js-gps-track" title="show questions tagged 'firefox'" rel="tag">firefox</a> <a href="../../questions/tagged/iframe" class="post-tag js-gps-track" title="show questions tagged 'iframe'" rel="tag">iframe</a> <a href="../../questions/tagged/download" class="post-tag js-gps-track" title="show questions tagged 'download'" rel="tag">download</a> <a href="../../questions/tagged/struts2" class="post-tag js-gps-track" title="show questions tagged 'struts2'" rel="tag">struts2</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Jun 16 '15 at 09:49">edited Jun 16 '15 at 09:49</time> <a href="../../users/1654265/andrea-ligios" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1654265.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Andrea Ligios" /> </a> <div class="s-user-card--info"> <a href="../../users/1654265/andrea-ligios" class="s-user-card--link">Andrea Ligios</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">49,480</li> <li class="s-award-bling s-award-blinggold" title="26 gold badges">26</li> <li class="s-award-bling s-award-blingsilver" title="114 silver badges">114</li> <li class="s-award-bling s-award-blingbronze" title="243 bronze badges">243</li> </ul> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 16 '15 at 07:03">asked Jun 16 '15 at 07:03</time> <a href="../../users/3616913/prince-radhakrishnan" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3616913.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Prince Radhakrishnan" /> </a> <div class="s-user-card--info"> <a href="../../users/3616913/prince-radhakrishnan" class="s-user-card--link">Prince Radhakrishnan</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">324</li> <li class="s-award-bling s-award-blinggold" title="1 gold badge">1</li> <li class="s-award-bling s-award-blingsilver" title="5 silver badge">5</li> <li class="s-award-bling s-award-blingbronze" title="15 bronze badge">15</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-30860875" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="30860875" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-49768242" class="comment js-comment " data-comment-id="49768242" data-comment-owner-id="3616913" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49768242_30860875"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@AndreaLigios Nope..still file getting downloaded..</span> – <a href="../../users/3616913/prince-radhakrishnan" title="324 reputation" class="comment-user owner">Prince Radhakrishnan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30860875/why-txt-file-in-iframe-is-getting-downloaded-instead-of-displayed#comment49768242_30860875"><span title="2015-06-16T08:59:18.850 License: CC BY-SA 3.0" class="relativetime-clean">Jun 16 '15 at 08:59</span></a></span> </div> </div> </li> <li id="comment-49769370" class="comment js-comment " data-comment-id="49769370" data-comment-owner-id="3616913" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49769370_30860875"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@AndreaLigios You are right..It is downloaded when i refresh page in firefox.But no issues in IE or chrome.</span> – <a href="../../users/3616913/prince-radhakrishnan" title="324 reputation" class="comment-user owner">Prince Radhakrishnan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30860875/why-txt-file-in-iframe-is-getting-downloaded-instead-of-displayed#comment49769370_30860875"><span title="2015-06-16T09:27:30.987 License: CC BY-SA 3.0" class="relativetime-clean">Jun 16 '15 at 09:27</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">4 Answers<span style="display:none;" itemprop="answerCount">4</span></h2> </div> </div> </div> <a name="30867458"></a> <div id="answer-30867458" class="answer " data-answerid="30867458" data-ownerid="3602947" data-score="5" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="30867458"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="5">5</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>because browser understands only html. Change your file extension to .html <br/> or use server side language like php and using file_get_contents() function, you can display text file to browser.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jun 16 '15 at 12:21">answered Jun 16 '15 at 12:21</time> <a href="../../users/3602947/unni-babu" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3602947.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Unni Babu" /> </a> <div class="s-user-card--info"> <a href="../../users/3602947/unni-babu" class="s-user-card--link">Unni Babu</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,839</li> <li class="s-award-bling s-award-blingsilver" title="12 silver badges">12</li> <li class="s-award-bling s-award-bling__bronze" title="16 bronze badges">16</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-30867458" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="30867458" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-49776887" class="comment js-comment " data-comment-id="49776887" data-comment-owner-id="1654265" data-comment-score="3"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">3</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49776887_30867458"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Then why does it work on Chrome, IE, etc ? And also on Firefox the first time ?</span> – <a href="../../users/1654265/andrea-ligios" title="49,480 reputation" class="comment-user ">Andrea Ligios</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30860875/why-txt-file-in-iframe-is-getting-downloaded-instead-of-displayed#comment49776887_30867458"><span title="2015-06-16T12:37:32.807 License: CC BY-SA 3.0" class="relativetime-clean">Jun 16 '15 at 12:37</span></a></span> </div> </div> </li> <li id="comment-49783427" class="comment js-comment " data-comment-id="49783427" data-comment-owner-id="1654265" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49783427_30867458"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Well, +1 because of the last link. @prince try renaming the .txt file to .html and see if it works in Firefox too</span> – <a href="../../users/1654265/andrea-ligios" title="49,480 reputation" class="comment-user ">Andrea Ligios</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30860875/why-txt-file-in-iframe-is-getting-downloaded-instead-of-displayed#comment49783427_30867458"><span title="2015-06-16T14:46:26.177 License: CC BY-SA 3.0" class="relativetime-clean">Jun 16 '15 at 14:46</span></a></span> </div> </div> </li> <li id="comment-49809082" class="comment js-comment " data-comment-id="49809082" data-comment-owner-id="3616913" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49809082_30867458"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I tried changing the extension but the html view doesn't contain any line break.So it wont maintain the structure of the text file.So I think I should make it as an html file with in business logic.</span> – <a href="../../users/3616913/prince-radhakrishnan" title="324 reputation" class="comment-user owner">Prince Radhakrishnan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30860875/why-txt-file-in-iframe-is-getting-downloaded-instead-of-displayed#comment49809082_30867458"><span title="2015-06-17T07:00:06.473 License: CC BY-SA 3.0" class="relativetime-clean">Jun 17 '15 at 07:00</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="42664445"></a> <div id="answer-42664445" class="answer accepted-answer" data-answerid="42664445" data-ownerid="4947520" data-score="4" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="42664445"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="4">4</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>This is the issue with the file. it is not formatted as html. because it has some special unicode (eg) characters at end of file read. if text response has special character like that. it failed to parse response as html embedded in iframe. </p> <p>you can check this example : </p> <p></p><div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code><iframe src='http://humanstxt.org/humans.txt' /> </iframe> </code></pre> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Mar 08 '17 at 06:29">answered Mar 08 '17 at 06:29</time> <a href="../../users/4947520/paraneetharan-saravanaperumal" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4947520.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Paraneetharan Saravanaperumal" /> </a> <div class="s-user-card--info"> <a href="../../users/4947520/paraneetharan-saravanaperumal" class="s-user-card--link">Paraneetharan Saravanaperumal</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">4,699</li> <li class="s-award-bling s-award-blinggold" title="2 gold badges">2</li> <li class="s-award-bling s-award-blingsilver" title="18 silver badges">18</li> <li class="s-award-bling s-award-blingbronze" title="29 bronze badges">29</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="47340441"></a> <div id="answer-47340441" class="answer " data-answerid="47340441" data-ownerid="2581625" data-score="2" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="47340441"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>to display file add below line(s) in .htaccess</p> <pre><code>AddType text/plain .txt AddType text/plain .log </code></pre> <p>This is signal Firefox that you don't have to download the file instead view file as plain text.This technique can be applied to all the files that you need to view instead off download.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Nov 16 '17 at 22:49">answered Nov 16 '17 at 22:49</time> <a href="../../users/2581625/azmat-karim-khan" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2581625.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Azmat Karim Khan" /> </a> <div class="s-user-card--info"> <a href="../../users/2581625/azmat-karim-khan" class="s-user-card--link">Azmat Karim Khan</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">437</li> <li class="s-award-bling s-award-blingsilver" title="5 silver badges">5</li> <li class="s-award-bling s-award-blingbronze" title="18 bronze badges">18</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="73575432"></a> <div id="answer-73575432" class="answer " data-answerid="73575432" data-ownerid="470225" data-score="1" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="73575432"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>The <a class="external-link" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition" rel="nofollow noreferrer">Content-Disposition</a> response header could be the culprit. If set to <code>attachment; filename="..."</code> then the file will download. If set to <code>inline</code> then it can displayed in the Web page.</p> <p>If you are serving these files from Amazon S3, you can add Metadata to the file with the <code>Key=Content-Disposition</code> and the <code>Value=inline</code>.</p> <p><em>Note: the default value is typically <code>inline</code>.</em></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Sep 01 '22 at 21:09">answered Sep 01 '22 at 21:09</time> <a href="../../users/470225/tposchel" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/470225.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="TPoschel" /> </a> <div class="s-user-card--info"> <a href="../../users/470225/tposchel" class="s-user-card--link">TPoschel</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,775</li> <li class="s-award-bling s-award-blinggold" title="2 gold badges">2</li> <li class="s-award-bling s-award-blingsilver" title="30 silver badges">30</li> <li class="s-award-bling s-award-blingbronze" title="29 bronze badges">29</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/66769375/why-is-text-file-in-iframe-downloaded-instead-of-opening" class="question-hyperlink">why is text file in iframe downloaded instead of opening</a> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>