Question

我使用dropzone-react组件上传图片。上传后，它会给我blob:http://test地址，如果我打开它，我可以看到我上传的图片。我现在面临的挑战是，我希望将此图像作为blob类型保存到MongoDB中。

这是我选择要上传的图片后调用的当前代码。文件[0] .preview显示正确的URL。另外console.log(blob)在控制台中显示blob（但是我找不到数据部分，也许这就是问题？

onFileDrop(files) {
    var xhr = new XMLHttpRequest();
    console.log(files[0].preview);
    xhr.open('GET', files[0].preview, true);
    xhr.responseType = 'blob';
    xhr.onload = function(e) {
        if (this.status == 200) {
            var blob = xhr.response;
            console.log(blob);
            Database.update({_id : _stateId}, { $push : {picture : blob}});
            }
        };
    xhr.send();

但在更新数据库之后，MongoDB中的图片元素只是空的。我尝试保存xhr.response.type并且这可行，但我不得不访问数据以将其存储在MongoDB中并将其作为代码中的另一行上的图片检索。

我是否错过了一些关键步骤，或者是否有更简单的方法通过使用react来保存mongoDB中的图像？

我正在使用流星框架，如果这是一个重要的信息。