javascript - 尝试将图像上传添加到我的 meteor 表单帖子中

Question

我正在尝试将图像上传到 Meteor 中的公共(public)文件夹

我正在使用 this 中的代码要点

这是给我带来问题的代码，它位于客户端文件夹中，但我收到了未定义的错误

JS

Template.postSubmit.events({
  'change input': function(ev) {
    _.each(ev.srcElement.files, function(file) {
      Meteor.saveFile(file, file.name);
    });
  }
});

模板

<template name="postSubmit">
 <form>

    <input type="file" />

    <div>
        <div>
            <input type="submit" value="Submit" />
        </div>
    </div>

</template>

错误

Uncaught TypeError: Cannot read property 'files' of undefined upload.js?574ce0cd76371392e26467130b3b109e7fc0d6b5:3
Template.postSubmit.events.change input upload.js?574ce0cd76371392e26467130b3b109e7fc0d6b5:3
(anonymous function) base.js:317
_assign.nonreactive deps.js:363
wrappedHandler base.js:308
(anonymous function) domrange.js:875
jQuery.event.dispatch jquery.js:4624
elemData.handle

还有更多代码，但我连第一步都无法进行，所以我想弄清楚这里发生了什么，谢谢。

Answer 1

在客户端saveFile函数中更改这部分:

 fileReader.onload = function(file) {
   Meteor.call('saveFile', file.srcElement.result, name, path, encoding, callback);
 }

对此:

 fileReader.onload = function(file) {
   Meteor.call('saveFile', file.target.result, name, path, encoding, callback);
 }

基本上你需要使用 file.target.result 而不是 file.srcElement.result