ホームページ > ウェブフロントエンド > jsチュートリアル > ファイルの読み取りに関する知識

ファイルの読み取りに関する知識

零下一度
リリース: 2017-07-18 16:15:47
オリジナル
1601 人が閲覧しました

最近、同僚が私に、js がローカル ファイルを読み取ることができるかどうか尋ねました。

以前、js がローカル ファイルを読み取ることに関する記事を見た記憶があり、自分でデモを書きました。

ps: これは Java の IO ストリームに少し似ていますが、相違点もあります。

以下にいくつかの手順をまとめます:

1. ファイルオブジェクトを取得します
var file=document.querySelector('input');
2. 変更イベントを設定します
file.onchange=function(){
3.ファイルリソースを取得する
var list=this.files;
4. リーダーを作成する
var Reader=new FileReader();
5. ファイルの読み取りを開始する
readAsDataURL() メソッドがファイルパスを返す
readAsText() メソッドが返す1つのファイルコンテンツ(文字列)
reader.readasdataurl(list [0]); ;
}
}

このイベントでは、バックグラウンドで console.dir(this) を確認できます。ファイルを読み取るには 2 つのメソッドがあることに注意してください。①readAsDataURL() メソッドはファイル パスを返します。②readAsText () メソッドはファイルの内容を返します。 (文字列);

以上がファイルの読み取りに関する知識の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート