,,

【JavaScript】HTML5 純JS使用 FileReader 以指定的編碼格式GB2312/UTF-8打開并讀取txt文本文件

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

admin

2023年11月28日 23:56 本文熱度 1715

最近有從本地讀取txt文件的需要，奈何網上搜索js讀取本地txt，都是新建一個fso對象，即（FileSystemObject）。自己試了半天不好使（后來發現貌似只能在IE上跑）。于是使用H5的fileReader來解決問題。

fileReader Api

flieReader 三種狀態：

FileReader.readyState: 0,1,2

0: empty ,沒有文件被load，為空。
1: loading,文件正在被加載。
2: done,讀取請求完成。

fileReader事件處理，6種。

1、onabort:文件讀取終端，觸發。

2、onerror:文件遇到錯誤觸發。

3、onload:文件成功讀取觸發。

4、onloadstart:文件開始讀取時觸發。

5、onloadend:文件讀取結束時觸發（無論成功失敗）。

6、onprogress:文件讀取中觸發。

fileReader讀取方法，5種。

1、FileReader.abort()。中斷讀取操作，讀取狀態返回為done，即readyState=2。

2、FileReader.readAsArrayBuffer()。將文件讀取為ArrayBuffer形式。

3、FileReader.readAsBinaryString() 。將文件讀取為二進制字符串（非標準方法，不推薦使用）。

4、FileReader.readAsDataURL()。讀取文件的URL,應用場景，本地預覽圖片。

5、FileReader.readAsText()。將文件已文本形式讀取。即讀取txt等，此處可以指定要讀取文件的編碼格式：GB2312、UTF-8等。

讀取file代碼示例(5為例)：

HTML:

<input type="file" ng-model="my_file" id="my_file" style="display: none;">
<button value="導入" ng-click="myfile()"></button>

JS:

$scope.myfile = function () {
      $("#my_file").click();
    }
    $("#my_file").bind('change', function (source) {
 
      var file = document.getElementById("my_file").files[0];
      var reader = new FileReader();
 
      //將文件以文本形式讀入頁面
      reader.readAsText(file, "gb2312");
      reader.onload = function (e) {
        var fileText = e.target.result.split("\n");
        angular.forEach(fileText, function (data, index) {
          if (data.length) {
            data = data.split(',')
            $scope.persons.push(_.zipObject(['position', 'calculate', 'maxCalculate', 'minCalculate'], data));
          }
        })
        $scope.$apply();
      }
    })

reader.readAsText(file, "gb2312");

開始沒有注明“gb2312”，讀取txt之后，文件顯示亂碼。注明后解決。

該文章在 2023/11/28 23:56:52 編輯過

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

【JavaScript】HTML5 純JS使用 FileReader 以指定的編碼格式GB2312/UTF-8打開并讀取txt文本文件

fileReader Api

讀取file代碼示例(5為例)：