狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

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

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

最近有從本地讀取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協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved