使用javascript显示/显示文件内容

时间:2015-06-08 09:59:56

标签: javascript jquery angularjs

我有一个表格,显示文件位置以及其他信息。例如:

enter image description here

当用户点击第一行,即$_FILES时,它应显示FileA.txt的内容。 是可以使用javascript或使用Angular js吗?

我不想使用

<input type='file' />

因为我们已经知道了文件位置,并且它提供了要求保存文件的对话框,我不想要这个。相反,我直接想要显示文件内容。但正如我所说,它显示了我不想展示的对话框,因此寻找替代方案。

提前致谢,

拉​​梅什

2 个答案:

答案 0 :(得分:1)

您可以使用php执行此操作:

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

答案 1 :(得分:1)

您需要将文件位置指定为相应id的{​​{1}}。 <tr>是表的类。 并创建一个包含类file_class的div,其中将显示文件内容。 JQuery代码是:

text

HTML代码应该是这样的:

$(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);
        }
    });
});
});