HTML5 FileReader 相当于 nodejs 'fs'

Question

我正在尝试读取和写入 javascript 中的文件。 Nodejs“fs”不工作。我开始知道有一个等价的HTML5 API's.

的等价物是什么

fs.writeFile('my.file', filedata)
fs.readFileSync(__dirname + '/dir/leaves.file')

在 HTML5 文件读取器中 api

Answer 1

您可以像这样使用 FileReader 加载文件：

var openFile = function(event) {
    var input = event.target;

    var reader = new FileReader();
    reader.onload = function(){
        var dataURL = reader.result;
        var output = document.getElementById('output');
        output.src = dataURL;
    };
    reader.readAsDataURL(input.files[0]);
};

<input type='file' accept='image/*' onchange='openFile(event)'><br>
<img id='output'>

Answer 2

出于明显的安全原因，Web API 中没有* fs 等效项。

fs -> files系统，浏览器不会允许网络上的任何随机脚本访问用户的文件系统。

您可以阅读带有 FileReader、
您可以从具有 XHR, or you can ask your user to give you files 文件系统的服务器加载文件，
你可以prompt your user to save files。

但是 none 这些操作将直接从用户的文件系统完成，无需他自己的操作。

(*实际上我们可以将 IndexedDB 等视为文件系统，但它们也无法与 fs 相提并论...)

HTML5 FileReader 相当于 nodejs 'fs'

HTML5 FileReader equivalent for nodejs 'fs'

html

javascript

filereader

html5-filesystem