Show/Display file content using javascript

Question

I have a table showing file location along with other informations. for e.g. :

enter image description here

When the user click on the first row i.e. on $_FILES then it should display the contents of FileA.txt. Is it possible to do this using javascript or using Angular js?

I don't want to use

<input type='file' />

as we already know the file location and also it gives dialog box which ask to save the file, I don't want this. Instead I directly want to show file content. But as I said it shows dialog box which I don't want to show hence looking for alternative.

Thanks in advance,

Ramesh

Not possible in javascript. With ajax it is possible to display the contents of the file on the server — Linga
– Linga, Commented Jun 8, 2015 at 10:02
@DeepKakkar i have already done this. Just want to do the same but without the browse button as i already have the file location — RameshPasa
– RameshPasa, Commented Jun 8, 2015 at 10:17

Jeremy C. · Accepted Answer · 2015-06-08 10:05:38Z

1

You can do this using php:

<?php 
   $filepath = "yourpathhere";
   $content = file_get_contents($filepath);
   echo $content;
?>

answered Jun 8, 2015 at 10:05

Jeremy C.

2,4651 gold badge14 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeremy C. Over a year ago

I have some .txt files that have news articles saved in them that are formatted with html tags, so I use this to render articles on their respective pages

Deep Kakkar · Accepted Answer · 2015-06-08 11:31:17Z

1

You need to give file location as id of corresponding <tr>. file_class is class of table. and create a div with class text in which file content will be displayed. JQuery Code is:

$(document).ready(function() {
$(".file_class").click(function() {
var file_location = $(this).attr('id');
    $.ajax({
        url : encodeURIComponent(file_location),
        dataType: "text",
        success : function (data) {
            $(".text").html(data);
        }
    });
});
});

HTML Code should be like this:

<table class="file_class"><tr id="D:\input.txt"></tr></table>

edited Jun 8, 2015 at 11:31

answered Jun 8, 2015 at 10:09

Deep Kakkar

6,3054 gold badges43 silver badges80 bronze badges

6 Comments

RameshPasa Over a year ago

I have set table tag as <table id="D:\input.txt" class="file_class"> but success function is not hit hence text div is not filled.

RameshPasa Over a year ago

I have already tried that but file_location is 'undefined' and 'data' obtained is the content of the html file hence shows the same table

Deep Kakkar Over a year ago

check firebug what request is going and response. check <tr> tag I have given id of <tr> as file location

RameshPasa Over a year ago

setting url: "D:\\input.txt" gives 'Invalid argument' error as for details will check firebug as you mentioned

Deep Kakkar Over a year ago

Use encodeURIComponent() once. you have to encode the string. please comment success or unsuccess.

|

Collectives™ on Stack Overflow

Show/Display file content using javascript

2 Answers 2

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related