要件があります。画像を読み取るために純粋なjsを使用する必要があります。パラメータは画像パスのみです。以下はノード環境のコードです
browserifyを使用して
ブラウザ環境で実行すると、次のエラーが表示されます。ブラウザで実行するための fs モジュールを変換できないようです。(HTML フォームを使用しない場合) バンドル。 js:5 Uncaught TypeError: fs.readFileSync は関数ではありません
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
ファイルリーダー?
まず最初に明確にしておきたいのは、browserify 这样的工具仅仅能将使用 commonjs モジュール読み込みメカニズムに似た JavaScript コードは、ブラウザが理解できる形式に変換されるということです。これは、Node.js コードをブラウザー側で使用できるという意味ではありません。
browserify
commonjs
最も典型的な例は fs モジュールですが、ブラウザから呼び出すことはまったく不可能です。ローカル ファイルの読み書き機能は、ブラウザ自体のセキュリティ メカニズムに完全に違反します。Web ページを開いたときに、その Web ページがローカル ハードディスク上のファイルを読み書きできることを想像してください。これはなんと恐ろしいことでしょう。
したがって、Web ページ上でファイルを読み書きする動機となる機能要件は何ですか? file uploader 中上传的文件预处理，那么你该使用浏览器端原生的 FileReader API
file uploader
FileReader
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ファイルリーダー?
まず最初に明確にしておきたいのは、
browserify这样的工具仅仅能将使用commonjsモジュール読み込みメカニズムに似た JavaScript コードは、ブラウザが理解できる形式に変換されるということです。これは、Node.js コードをブラウザー側で使用できるという意味ではありません。最も典型的な例は fs モジュールですが、ブラウザから呼び出すことはまったく不可能です。ローカル ファイルの読み書き機能は、ブラウザ自体のセキュリティ メカニズムに完全に違反します。Web ページを開いたときに、その Web ページがローカル ハードディスク上のファイルを読み書きできることを想像してください。これはなんと恐ろしいことでしょう。
したがって、Web ページ上でファイルを読み書きする動機となる機能要件は何ですか?
のユーザーに対するクライアント側のみの場合file uploader中上传的文件预处理，那么你该使用浏览器端原生的FileReaderAPI