使用javascript读取本地文本文件

我试图通过javascript和jquery在存储在同一目录中的HTML页面textread.HTML中读取test.txt。但我得到了以下错误：

方法1jQuery方法

---

jQuery错误： 请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“null”

---

jQuery： `

`

---

方法2javascript方法

---

javascript错误：仅HTTP支持跨源请求

---

javascript:

`

`

---

我也尝试过其他代码

我不是托管此应用程序，因为我将使用PhoneGap作为移动应用程序进行部署

请为我提供一个在这种情况下读取文件的解决方案。

---

作为替代解决方案，HTML5文件阅读器是否可取？

如果您使用的是HTML5，我发现了一个非常不错的教程：

Html:

<div id="page-wrapper">

   <h1>Text File Reader</h1>
   <div>
      Select a text file: 
      <input type="file" id="fileInput">
   </div>
   <pre id="fileDisplayArea"><pre>

</div>

$.ajax({
   url : 'test.txt',
   success : function (data) {
      console.log(data);
   }
});

---

使用JQuery，您可以尝试使用ajax：

<div id="page-wrapper">

   <h1>Text File Reader</h1>
   <div>
      Select a text file: 
      <input type="file" id="fileInput">
   </div>
   <pre id="fileDisplayArea"><pre>

</div>

window.onload = function() {
   var fileInput = document.getElementById('fileInput');
   var fileDisplayArea = document.getElementById('fileDisplayArea');

   fileInput.addEventListener('change', function(e) {
      var file = fileInput.files[0];
      var textType = /text.*/;

      if (file.type.match(textType)) {
         var reader = new FileReader();

         reader.onload = function(e) {
            fileDisplayArea.innerText = reader.result;
         }

         reader.readAsText(file);   
      } else {
         fileDisplayArea.innerText = "File not supported!"
      }
   });
}

$.ajax({
   url : 'test.txt',
   success : function (data) {
      console.log(data);
   }
});