Question

我已将软件包cfs：standard-packages和cfs：filesystem添加到我的meteor项目中。我想使用带有此输入的表单为我的博客上传精选图像。

<div class="form-group">
        <label for="featuredImage">Featured Image</label>
        <input type="file" id="fImage" required>
        <p class="help-block">Please choose an image file.</p>
</div>

事件javascript

Template.AddPost.events({
    'change #fImage': function(event, template) {

        var image = template.find('[id=fImage]').value;
        var lastIndex = image.lastIndexOf("\\");
        if (lastIndex >= 0) {
            image = image.substring(lastIndex + 1);
        }
        if (!image.match(/\.(jpg|jpeg|png|gif)$/)) {
            alert("not an image");
        } else {
            FS.Utility.eachFile(event, function(file) {
                var fileObj = new FS.File(file);
                Meteor.call('uploadFeaturedImage', fileObj);
            });
        }
    }
});

服务器上的'uploadFeaturedImage'方法是

Meteor.methods({

    'uploadFeaturedImage': function(fileObj){
        Uploads.insert(fileObj, function(err){
            console.log(err);
        });   
    }
});

当我选择要上传的图像文件时，我收到此错误 - “调用方法'uploadFeaturedImage'时出现异常错误：DataMan构造函数接收到不支持的数据”

任何人都有任何想法为什么会这样？谢谢。

Answer 1

我从collectionFS文档中复制了一些解释，因为它在那里描述得非常好。

当您需要插入位于客户端上的文件时，请始终在客户端上调用myFSCollection.insert。虽然您可以定义自己的方法，将其传递给fsFile，然后在服务器上调用myFSCollection.insert，但困难在于将数据从客户端传递到服务器。将fsFile传递给方法时，仅发送文件信息而不是数据。相比之下，当您直接在客户端上执行插入操作时，它会在插入后自动对文件的数据进行分块，然后将其排队以按块发送到服务器。然后就是重新组合服务器上的所有块并将数据填充回fsFile。因此，进行客户端插入实际上可以为您节省所有这些复杂的工作，这就是我们推荐它的原因。

查看HERE

因此，您的方法无效，因为没有数据发送到服务器。

Meteor文件上传不起作用

1 个答案: