node.js - 브라우저 환경에서 노드의 fs 모듈을 사용하는 방법은 무엇입니까?

Question

요구사항이 있습니다. 이미지를 읽으려면 순수 js를 사용해야 합니다. 매개변수는 이미지 경로일 뿐이며 다음은 노드 환경의 코드입니다

으아악

browserify를 사용하여

로 변환하세요. 으아악

브라우저 환경에서 실행할 때, browserify가 브라우저에서 실행되도록 fs 모듈을 변환할 수 없는 것 같습니다.(html 형식을 사용하지 않는 경우)
번들. js:5 Uncaught TypeError: fs.readFileSync는 함수가 아닙니다

Answer 1

fileReader?

Answer 2

우선, browserify와 같은 도구는 commonjs 모듈 로딩 메커니즘을 사용하여 JavaScript 코드를 브라우저가 이해할 수 있는 형식으로만 변환할 수 있다는 점을 분명히 해두세요. 이는 Node.js 코드를 브라우저 측에서 사용할 수 있다는 의미는 아닙니다. browserify 这样的工具仅仅能将使用 commonjs 模块加载机制的 JavaScript 代码转换成为浏览器可以理解的形式。这并不代表着任意 Node.js 代码都可以在浏览器端使用。

最典型的例子就是 fs 模块，它是完全不可能被浏览器端调用的。对本地文件的读写能力完全违反了浏览器本身的安全机制，试想你打开一个网页，然后这个网页竟然就可以读写你本地硬盘上的文件，这该是多么可怕的一件事情！

因此，你的思路本身或许需要重新整理一下，什么样的功能需求促使你要在网页端读写文件呢？如果仅仅是在客户端对用户在 file uploader 中上传的文件预处理，那么你该使用浏览器端原生的 FileReader

가장 대표적인 예가 브라우저에서 호출이 전혀 불가능한 fs 모듈입니다. 로컬 파일을 읽고 쓰는 기능은 브라우저 자체의 보안 메커니즘을 완전히 위반합니다. 웹 페이지를 열면 이 웹 페이지가 로컬 하드 디스크에 있는 파일을 읽고 쓸 수 있다고 상상해 보십시오. 🎜 🎜그러므로 생각 자체를 재구성해야 할 수도 있습니다. 웹 페이지에서 파일을 읽고 쓰도록 동기를 부여하는 기능적 요구 사항은 무엇입니까? 클라이언트측 파일 업로더에서 사용자가 업로드한 파일만 전처리하는 경우 브라우저의 기본 FileReader API🎜를 사용해야 합니다.