Question

我使用reader.readAsArrayBuffer（）将文件发送到node.js，以便我可以将其保存在/ public文件夹中。

reader.readAsArrayBuffer(event.currentTarget.files[0])

读取完成后，它会调用Meteor.method（）

            reader.addEventListener("loadend", function(evt){

                Meteor.call("saveFile", reader.result)

            })

meteor方法接收文件并将其保存到我的公共/文件夹。

      saveFile:function(file){

            var fs = Npm.require("fs")

            fs.writeFile('../../../../../public/logo/jow.png', file, {encoding:"binary"}, function (err) {

                console.log(err)
                console.log("file saved")

            });

        }

然而，问题是我从来没有得到正确的编码，当在/public/logo/jow.png中打开文件时，我收到此消息：

jow.png can not be read, it may be damaged.

但是当我将readAsArrayBuffer（）更改为readAsBinaryString（）时，它按预期工作，我可以打开图像。

有什么想法吗？

Answer 1

是因为readAsArrayBuffer以二进制数据（blob）形式发送信息。

如果您在nodejs Buffers and character encodings中查看文档，则binary编码是latin1编码的别名。

我不知道流星，但是如果file是Buffer，您可以照原样发送。

示例：

<body>
    <input type="file" />
    <button onclick="sendFile();">sendFile</button>
    <script>
        const sendFile = async () => {
            const reader = new FileReader();
            const file = document.querySelector('input[type=file]').files[0];

            reader.onloadend = function () {
                var xmlHttpRequest = new XMLHttpRequest();
                xmlHttpRequest.open("POST", 'http:/localhost:1234/', true);
                xmlHttpRequest.setRequestHeader("Content-Type", file.type);
                xmlHttpRequest.send(reader.result);
            }

            reader.readAsArrayBuffer(file);
        };
    </script>
</body>

const http = require("http");
const fs = require("fs");

http.createServer((req, res) => {
    if (req.method === "OPTIONS") {
        res.setHeader('Access-Control-Allow-Origin', '*');
        res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');
        res.setHeader('Access-Control-Allow-Headers', '*');
        res.writeHead(200, { });
        res.end();
        return;
    }

    if (req.method === "POST") {
        const data = [];
        req.on('data', chunk => {
            data.push(chunk);
        });
        req.on('end', () => {
            fs.writeFileSync(__dirname + "/file.png", Buffer.concat(data));
            res.writeHead(200, { });
            res.end();
        });
        return;
    }
}).listen(1234);

我发送了一个PNG文件，如果有任何问题，请打开它。

fileReader：readAsArrayBuffer（）vs readAsBinaryString（）

1 个答案: