存储架构

Save images in mongodb as blob, react

微信扫一扫,分享到朋友圈

Save images in mongodb as blob, react
0

I am using the dropzone-react component to upload pictures. After uploading, it gives me the blob:http://test
address and if I open it I can see the picture i uploaded. What challenges me now is that I want to save this image as a blob-type into MongoDB.

This is my current code which is called after I chose a picture to upload. The files[0].preview shows the correct URL. Also console.log(blob)
shows the blob in the console (but I can’t find a data section, maybe that is the problem?

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();

But after I update the database the picture element is just empty in the MongoDB. I tried saving xhr.response.type and this works, but I somehow have to access the data to store it inside MongoDB and retrieve it as a picture on another line in my code.

Am I missing some crucial step or is there even an easier approach to saving images in mongoDB by using react?

I am using the meteor framework, if that’s an important information.

阅读原文...

微信扫一扫,分享到朋友圈

Save images in mongodb as blob, react
0
Hello, buddy!

python-tempestconf’s journey

上一篇

Delphi, Csv, Import Firebird

下一篇

评论已经被关闭。

插入图片

热门分类

往期推荐

Save images in mongodb as blob, react

长按储存图像,分享给朋友