JSはFileReaderを通じて.txtファイルの内容を取得します。最近、いくつかの処理を行うために js を介して .txt ファイルを解析する要件に対処しています。以下に概要を示します。 .txtファイルの読み取り方法var リーダー = 新しい FileReader(); var fileUploader = document.getElementById("fileUploader"); //ファイル情報を取得するための入力ボックスIDを取得します reader.readAsText(fileUploader.files[0], "utf-8"); //エンコーディングを設定します reader.onload = function() { undefined data.trim().split('\n').forEach(function(v, i){未定義 ウィンドウ['str' + (i+1)] = v } }
.txt ファイル内の行の総数を取得する直接的な方法はないので、ここではループを使用して処理します。 var カウント =0; data.trim().split('\n').forEach(function(v, i){未定義 カウント++; }) JS: FileReader() はファイルを読み取りますFileReader オブジェクトを使用すると、Web アプリケーションは、File または Blob オブジェクトを使用して読み取るファイルまたはデータを指定し、ユーザーのコンピューターに保存されているファイル (または生データ バッファー) の内容を非同期的に読み取ることができます。 財産:
実例から始めましょうindex.htmlは以下のとおりです <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <meta http-equiv="X-UA-compatible" content="ie=edge"> <title>ファイルリーダー</title> </head> <本文> <input id="入力" type="ファイル"> </本文> </html> demo.txtは以下のとおりです
txt ファイルの読み取り<スクリプト> const input = document.querySelector('input[type=file]') input.addEventListener('change', ()=>{ const リーダー = 新しい FileReader() reader.readAsText(input.files[0],'utf8') // input.files[0]は最初のファイルです reader.onload = ()=>{ document.body.innerHTML += reader.result // reader.result は結果です} }、 間違い) </スクリプト> 画像ファイルの読み取り<スクリプト> const input = document.querySelector('input[type=file]') input.addEventListener('change', ()=>{ console.log( 入力ファイル ) const リーダー = 新しい FileReader() reader.readAsDataURL(input.files[0]) // input.files[0]は最初のファイルです reader.onload = ()=>{ const img = 新しい画像() img.src = リーダー結果 document.body.appendChild(img) // reader.result は取得結果です} }、 間違い) </スクリプト> 例 java.io.* をインポートします。 パブリッククラスFileRead { パブリック静的void main(String args[])はIOExceptionをスローします{ ファイル file = new File("Hello1.txt"); // ファイルを作成します。file.createNewFile(); // FileWriter オブジェクトを作成します FileWriter ライター = new FileWriter(ファイル); // ファイルにコンテンツを書き込みます writer.write("これは\n\n例です\n"); ライターをフラッシュします。 ライター.close(); // FileReader オブジェクトを作成します。FileReader fr = new FileReader(file); char[] a = 新しいchar[50]; fr.read(a); // 配列の内容を読み取ります for (char c : a) System.out.print(c); // 文字を1つずつ印刷します fr.close(); } } 方法
イベント
上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: CSS 疑似要素と疑似クラスの魔法のような使い方についての簡単な説明
>>: MySQL のクエリパフォーマンスに対する制限の影響
序文この記事で実装されている要件は、実際には非常に一般的です。たとえば、ユーザーが登録したチャネルを...
目次序文1. 基本データ2. 継承駆動設計3. 左右の値のエンコーディングに基づく設計4. ツリー構...
解決策はただ一つ、ソースを変更することです。 github からのソースは基本的にタイムアウトするの...
Linux バージョンに関する情報を表示および解釈するのは、見た目よりも少し複雑です。単純なバージョ...
この記事では、モバイルモーダルボックス効果を実現するためのJavaScriptの具体的なコードを参考...
目次1. はじめに2. 使用1. vue2とvue3の違い2. ページ上の一部のデータはキャッシュす...
アップグレードの背景: MySQLの下位バージョンの脆弱性を解決するために、MySQLはMySQL ...
Linux 構成/ビルド システムがどのように機能するかを深く理解します。 Linux カーネル構成...
メタ タグは、ファイル情報を定義し、検索エンジンによる検索を容易にするために Web ページ ファイ...
基本的な紹介特徴Flexbox は、よりシンプルで効率的なレイアウト方法を提供する CSS 表示タイ...
導入: Nginx (エンジン エックスと同じ発音) は、BSD のようなプロトコルに基づいてリリー...
ウェブデザイナーはジェネラリストであると言わざるを得ません。グラフィックデザイナーは、さまざまな特殊...
1. ダウンロードアドレス: mysql-8.0.17-winx64ダウンロードして解凍する2. フ...
IDEA は Java で最も一般的に使用されている開発ツールであり、Docker は最も人気のある...
弊社の Web プロジェクトの 1 つでは、新しい都市の増加によりトラフィックと DB 負荷が増加し...