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

我有一个表格显示文件位置和其他信息。例如：

当用户单击第一行，即

$\u文件

时，它应该显示

FileA.txt

的内容。 是否可以使用javascript或Angular js实现这一点

我不想用

<input type='file' />

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

提前感谢,

---

Ramesh

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

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

---

您需要将文件位置指定为相应的

的

id

<代码>文件\u类是表的类。 并使用class

text

创建一个div，其中将显示文件内容。 JQuery代码是：

$(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代码应如下所示：

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

在javascript中不可能。使用ajax，可以在可以使用php的服务器上显示文件的内容this@DeepKakkar我已经这样做了。只是想做同样的事情，但不需要浏览按钮，因为我已经有了文件位置使用ajax。这就是为什么我删除了我的答案我有一些.txt文件，其中保存了用html标记格式化的新闻文章，因此，我使用它来呈现各自页面上的文章。我将table tag设置为，但未命中success函数，因此未填充text div。我已经尝试过，但file_location是“未定义”的，获得的“data”是html文件的内容，因此显示了相同的tablecheck firebug请求和响应。检查标记我已经给出了文件位置设置url的id：“D:\\input.txt”给出了“无效参数”错误，如需详细信息，将检查firebug，如您所述使用encodeURIComponent（）一次。您必须对字符串进行编码。请评论成功或失败。