如何使用javascript读取.txt文件?

时间:2019-10-08 16:05:08

标签: javascript html

我使用此代码可以正常工作,但我想使用arduino Web服务器。当我连接arduino Web服务器时比在table.not中显示直接文件不使用上载。

//代码在这里

 <script type="text/javascript">

    function Upload() {

        var fileUpload = document.getElementById("fileUpload");
        var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/;
        
                var reader = new FileReader();
                reader.onload = function (e) {
                    var table = document.createElement("table");
 
                    table.style.width = '75%';
                  
                    table.setAttribute('border', '2'); // for table border
                  
                    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]);
              
           
       
    }
</script>
<input type="file" id="fileUpload" /> 
<input type="button" id="upload" value="Upload" onclick="Upload()" /> 
<hr />
<div id="dvCSV">
</div>

1 个答案:

答案 0 :(得分:-1)

如果您将文件存储在Web服务器上或Internet上的其他位置,则只需获取并读取文件即可。

document.onLoad=function(){
  fetch("https://www.w3.org/TR/PNG/iso_8859-1.txt").then(response=>Upload(response.text()))
}