FileReaderはローカルファイルまたはBLOBを読み取りますFileReader オブジェクトは、ユーザーのコンピューターに保存されているファイルの内容を非同期で読み取る機能を提供します。読み取るファイルまたはデータを指定するには、File オブジェクトまたは Blob オブジェクトを使用します。FileReader インターフェイスは、ファイルを読み取るためのメソッドと、読み取り結果を含むイベント モデルを提供します。 1. FileReaderの使用注: 古いブラウザとの互換性を確保する必要がある場合は、FileReader オブジェクトが存在するかどうかを確認する必要があります。 if (window.FileReader) { リーダーを新しいFileReader()にします。 } それ以外 { console.log('お使いのブラウザはファイルの読み取りをサポートしていません'); } 2. FileReader メソッド
3. FileReaderプロパティ
4. FileReader イベント
知らせ: 1. セキュリティ上の理由により、FileReader は入力によって渡されたファイルまたは Ajax 読み取りサーバーによって返されたファイルを読み取りますが、指定されたパスにあるファイルを読み取ることはできません。 2. FileReader は webworker で使用できます。 <!DOCTYPE html> <html class="no-js"> <ヘッド> <メタ文字セット="utf-8" /> <meta http-equiv="X-UA-compatible" content="IE=edge" /> <タイトル></タイトル> <meta name="説明" コンテンツ="" /> <meta name="viewport" content="width=デバイス幅、初期スケール=1" /> <link rel="スタイルシート" href="" /> </head> <本文> <input type="file" id="myFile" /> <script type="text/javascript"> if (window.FileReader) { var リーダー = 新しい FileReader(); } それ以外 { console.log('お使いのブラウザはファイルの読み取りをサポートしていません'); } var myFile = document.querySelector('#myFile'); myFile.onchange = 関数 () { var ファイル = myFile.files[0]; reader.readAsDataURL(ファイル); reader.onload = 関数(){ var data = reader.result; //base64 形式のファイル コンテンツ }; reader.onerror = 関数(){ console.log('読み取りに失敗しました'); コンソールログ(リーダー.エラー); } }; </スクリプト> </本文> </html> FileReader を使用してローカル ディスクのファイルを読み取る際の問題js ファイルを実行します (js ファイルをプロジェクトの src の下に配置します) (1) java.net.URL url = TestScriptEngine.class.getClassLoader().getResource("a.js"); (2)//System.out.println(url.getPath().substring(1).replace("%20", " ")); (3)FileReader fileReader = new FileReader(url.getPath()); ランタイム
url.getPath() をローカルファイルディレクトリの「D:/Eclipse WorkSpace/(java300)ScriptManager/bin/a.js」に変更すると、ファイルを正常に読み取ることができます。 url.getPath() の値は次のとおりです: D:\Eclipse%20WorkSpace\(java300)ScriptManager\bin\a.js ただし、読み込みファイルが見つかりません 問題は「%20」です。Eclipse WorkSpace の間にスペースがあり、システムが自動的にそれを %20 に置き換えてしまい、操作中にエラーが発生します。 url.getPath() で処理を行い、url.getPath().substring(1).replace("%20", " ") で %20 を " " スペースに置き換えると、問題は解決します。 上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Linux システムで crontab を使用して MySQL データベースを定期的にバックアップする方法
目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...
参考までに、Vue シングル サインオンのデモをご紹介します。詳細を知りたい方のお役に立てれば幸いで...
-9999 ピクセルの画像置換技術は、ここ 10 年近く人気があります。テキスト要素を画像に置き換え...
1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...
lepus3.7 を使用して MySQL データベースを監視中に、次の問題が発生しました。このブログ...
Dockerfile では、run、cmd、entrypoint はすべてコマンドを実行するために使...
目次1. ブラウザのクッキーの値を取得する2. RGBを16進数に変換する3. クリップボードにコピ...
注: 現在、最も人気のフロントエンド フレームワークは Bootstrap と Foundation...
この問題について話すとき、垂直方向の中央揃えを設定するための vertical-align 属性が ...
1. Nginx サービス基盤Nginx (エンジン x) は、パフォーマンスの最適化のために特別...
序文この記事では主に、SQL ステートメントの最適化の一般的な手順について説明します。これは、参考と...
目次1. インストール2. main.jsにインポートする3. 使用Vue3がリリースされてからしば...
1: SVNをインストールする yum インストール -y サブバージョン2. 倉庫を作る1: 倉庫...
目次JSX環境の構築NPMを初期化するwebpackをインストールするBabelをインストールするw...
効果は以下のとおりです。ページジャンプボタンをクリックした後 対応する値はページ b で取得できます...