0
A
回答
0
最好的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>
請記住,讀,寫和保存功能應始終在後臺完成端側。
相關問題
- 1. 使用jquery從服務器上的文本文件中讀取
- 2. jQuery/JS:從服務器同步讀取文本文件
- 3. 從沒有web服務器的java/jquery使用文本文件讀取文本
- 4. 從服務器讀取文本文檔
- 5. 從服務器讀取JavaScript中的文本文件
- 6. 如何從服務器讀取文本文件並在index.jsp中顯示文本
- 7. 使用ASYNC讀取JSON文件任務
- 8. Powershell從文本文件中讀取服務器列表
- 9. 使用php腳本從遠程服務器讀取大文件
- 10. 讀取服務器文件的屬性
- 11. 從Windows SMTP服務讀取EML文件。任何不使用StreamReader的理由?
- 12. Javascript文件讀取器onload(從服務器獲取文件)
- 13. C#如何使用流讀取器讀取文本文件時跳過行數?
- 14. SQL服務器:讀取URL文本文件
- 15. 從服務器讀取大文本文件android
- 16. 讀取XML文件從服務器
- 17. NSFileManager從服務器讀取文件?
- 18. 從Web服務器讀取XML文件
- 19. 在GWT服務器端讀取文件
- 20. Python - 如何從服務器讀取路徑文件/文件夾
- 21. 讀取服務器中的xml文件而不保存它
- 22. 使用文本編輯器編輯服務器中的文件
- 23. 使用JavaScript可以讀取/寫入服務器上的文件
- 24. 使用python從ssh讀取服務器上的文件
- 25. 文件被服務鎖定(服務代碼讀取文本文件後)
- 26. 如何從文本文件中同時讀取不同的行
- 27. 用js讀取.rtf文件
- 28. 如何讀取和寫入飛鏢中的服務器文件
- 29. Gulp服務器在sass或js文件中有任何錯誤時停止
- 30. 腳本任務在讀取700MB平面文本文件時拋出錯誤
我不想將文件讀取爲,我想要硬編碼文件目錄的路徑並且讀取 – Ram
您可以自行完成,只需聲明一個新的變量並將其設置爲默認值,那麼它將按照您的說法進行操作。像var Url =「/desktop/text.txt」; 。你也可以看看http://stackoverflow.com/questions/13020821/how-to-load-json-into-my-angular-js-ng-model – anson920520