Javascript Web开发中的凌乱代码_Javascript_Html_Filereader_Arraybuffer

Javascript Web开发中的凌乱代码

javascript html

Javascript Web开发中的凌乱代码,javascript,html,filereader,arraybuffer,Javascript,Html,Filereader,Arraybuffer,最近，我在我的web应用程序中添加了一个文件传输模块。我执行以下步骤：使用FileReader（）并以ArrayBuffer的形式读取文件切片ArrayBuffer（以便将它们分块发送到另一个客户端），这样我就可以将它包装成JSON 我做了一个测试，结果很好（）读取文件你使用哪个编辑器？@JacobAmerz:我使用Sublime Text 2编辑器，并用chromium对其进行调试。 <html> <head> <title>read f

最近，我在我的web应用程序中添加了一个文件传输模块。我执行以下步骤：

使用FileReader（）
并以ArrayBuffer的形式读取文件

切片ArrayBuffer（以便将它们分块发送到另一个客户端）

，这样我就可以将它包装成JSON

我做了一个测试，结果很好（）


读取文件
你使用哪个编辑器？@JacobAmerz:我使用Sublime Text 2
编辑器，并用chromium对其进行调试。
<html>
<head>
    <title>read file</title>
    <script type="text/javascript>
        function loadFile() {
        console.log("load file");
        var f = document.getElementById("file");
        var file = f.files[0];
        console.log(file);
        var reader = new FileReader();
        reader.onloadend = function(evt) {
            var content = evt.target.result;
            console.log(content);
            console.log(ab2str(content.slice(0,10)));
        };
        reader.readAsArrayBuffer(file);
    }
    function ab2str(buf) {
        return String.fromCharCode.apply(null, new Uint8Array(buf));
    }
    </script>
</head>
<body>
    <input type="file" id="file"></input>
    <input type="button" id="send" value="send" onclick="loadFile()"></input>
</body>
</html>