讀取文本文件時不使用JS中的任何服務器

Question

我想讀取位於本地目錄中的文本文件，我發現他們使用的很多示例httprequest（）我不想使用任何服務器，如xampp ，wampp等

我正在使用JS！

Answer 1

最好的partice總是用我們的php，nodeJS或後端langaugae來做這樣的事情，但在你的情況下，你可能會使用angularJS。

添加下面你JS

var myapp = angular.module('myapp', []); 

myapp.controller('MainCtrl', function ($scope) { 
    $scope.showContent = function($fileContent){ 
     $scope.content = $fileContent; 
    }; 
    }); 

myapp.directive('onReadFile', function ($parse) { 
    return { 
     restrict: 'A', 
     scope: false, 
     link: function(scope, element, attrs) { 
      var fn = $parse(attrs.onReadFile); 

      element.on('change', function(onChangeEvent) { 
       var reader = new FileReader(); 

       reader.onload = function(onLoadEvent) { 
        scope.$apply(function() { 
         fn(scope, {$fileContent:onLoadEvent.target.result}); 
        }); 
       }; 

       reader.readAsText((onChangeEvent.srcElement || onChangeEvent.target).files[0]); 
      }); 
     } 
    }; 
}); 

下面是HTML正文：

<div ng-controller="MainCtrl" class="container"> 
    <h1>Select text file</h1> 
    <input type="file" on-read-file="showContent($fileContent)" /> 
    <div ng-if="content"> 
     <h2>File content is:</h2> 
     <pre>{{ content }}</pre> 
    </div> 
</div> 

請記住，讀，寫和保存功能應始終在後臺完成端側。