html实现打开服务器指定文件,如何在HTML5加载时从服务器打开特定的csv文件

我是一个关于任何一种开发的完全noob，经过大量的在线搜索，我意识到即使我找到了我的问题的答案，我可能不会承认它。所以我有0个编码技能，在工作中我必须从三星演示数字标牌解决方案，基本上这些显示器可以从局域网输出信息，而且它还具有与HTML5兼容的网页浏览器。如何在HTML5加载时从服务器打开特定的csv文件

对于此演示，我必须展示如何在生产环境中使用这样的显示并接收从服务器显示的信息。我设法安装了Apache，我可以让显示访问我的网页，但因为这只是一个显示器，我没有任何输入选项。

考虑到它只是一个演示，因此合同开发HTML5应用程序是不合理的，所以我打算只显示一个CSV文件，最好是一行一行地显示，像这样的信息是由一台机器发送的。

我已经找到使我的页面打开一个CSV文件的源代码，但这对我来说并不好，因为我没有输入法。另外，我知道我无法在客户端自动打开CSV文件，也没关系，我的CSV将存储在与index.html相同的文件夹中。

所以这里是我找到的代码，如何在页面被访问时自动打开data.csv并且最好在延迟几秒钟的时间显示一行信息？由于

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

body

{

font-family: Arial;

font-size: 10pt;

background-color: #F7F7F7;

}

table

{

border: 1px solid #ccc;

}

table th

{

background-color: #F7F7F7;

color: #333;

font-weight: bold;

}

table th, table td

{

padding: 5px;

border-color: #ccc;

}

function Upload() {

var fileUpload = document.getElementById("fileUpload");

var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/;

if (regex.test(fileUpload.value.toLowerCase())) {

if (typeof (FileReader) != "undefined") {

var reader = new FileReader();

reader.onload = function (e) {

var table = document.createElement("table");

var rows = e.target.result.split("\n");

for (var i = 0; i < rows.length; i++) {

var row = table.insertRow(-1);

var cells = rows[i].split(",");

for (var j = 0; j < cells.length; j++) {

var cell = row.insertCell(-1);

cell.innerHTML = cells[j];

}

}

var dvCSV = document.getElementById("dvCSV");

dvCSV.innerHTML = "";

dvCSV.appendChild(table);

}

reader.readAsText(fileUpload.files[0]);

} else {

alert("This browser does not support HTML5.");

}

} else {

alert("Please upload a valid CSV file.");

}

}

window.onload = Upload('contacts.csv');

---

2015-05-27

ionut

+0

你不能这样做，为用户安全考虑，JavaScript不能触发或模拟文件打开，用户需要点击的元素触发文件打开。尝试使用[XmlHttpRequest(ajax)](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest)读取csv文件 –