替代方案：XHR

Question

我有这个事件（使用<input type="file">上传图像文件）：

       "change .logoBusinessBig-upload":function(event, template){

            var reader = new FileReader()

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

                var x = reader.result

                console.log(x)

                Meteor.call("saveFile", x)

            })

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

        }

和这个Meteor.method（）

       saveFile:function(file){

            console.log(file)

            var fs = Npm.require("fs")

            fs.writeFile('../../../../../public/jow.txt', file, function (err) {


                console.log("file saved")

            });

        }

事件中的console.log（x）输出ArrayBuffer对象，而 Meteor.method（）中的console.log（文件）显示并清空{}对象。

为什么？ ArrayBuffer应该已经传递给Meteor.method（）

Answer 1

//client.js

'change': function(event, template) {
    event.preventDefault();
    var file = event.target.files[0]; //assuming you have only 1 file
    var reader = new FileReader(); //create a reader according to HTML5 File API

    reader.onload = function(event){          
      var buffer = new Uint8Array(reader.result) // convert to binary
      Meteor.call('saveFile',buffer);
    }

    reader.readAsArrayBuffer(file); //read the file as arraybuffer
}

//server.js

'saveFile': function(buffer){
    fs.writeFile('/location',new Buffer(buffer),function(error){...});
}

您无法保存到/ public文件夹，这会触发重新加载

Answer 2

通过Meteor中的方法进行的客户端 - 服务器通信使用DDP协议，该协议仅支持EJSON-able数据类型，并且不允许传输更复杂的对象，如ArrayBuffer，这就是为什么你不这样做在服务器上看到它。

我建议您read the file as a binary string，将它发送到您的方法，然后在服务器上操作它（通过ArrayBuffer或其他方式）。

Answer 3

看到EJSON将类型化数组编码为base64字符串，使用EJSON或DateURL无关紧要 - 它们同样效率低（将带宽使用率提高30％）。< / p>

所以这个：

reader.onload = function(event){          
  var buffer = new Uint8Array(reader.result) // convert to binary
  Meteor.call('saveFile',buffer); // will convert to EJSON/base64
}

reader.readAsArrayBuffer(file); //read the file as arraybuffer

相当于

reader.onload = function(event){          
  Meteor.call('saveFile',reader.result);
}

reader.readAsDataURL(file); //read the file DataURL (base 64)

最后一个版本在客户端更短一行，但是当您解压缩文件以修剪mime类型前缀时，将在服务器端添加一行，通常类似于

new Buffer(dataURI.replace(/^data:.{1,20}\/.{1,30};base64,/, ''), 'base64');

替代方案：XHR

所以两者都没有真正更有效率。如果您想节省带宽，请尝试使用XHR执行此操作，XHR原生支持所有二进制类型（File，ArrayBuffer，Blob）。您可能需要在Meteor之外处理它，可能是一个小型Express应用程序，其路由由前端代理（如NginX）处理。

Meteor：ArrayBuffer（FileReader结果）未传递给Meteor.method（）

3 个答案:

替代方案：XHR