Question

我尝试通过gridfs（没有临时文件）读出保存在mongodb中的图像它应该直接发送到ajax，将其注入html

当我使用我的实际函数时，会形成一个大的字符串并发送到客户端（保存在ajax响应变量中）

但是当它到达客户端时，位不再正确

所以我想找到一种方法在图片发送之前编码（到base64）（或者还有其他方式吗？）

Serverside - javascript，gridfs

exports.readFileFromDB = function(req, res, profile, filename, callback){
    console.log('Find data from Profile ' + JSON.stringify(profile));

    var GridReader = new GridStore(db, filename,"r");

    GridReader.open(function(err, gs) {

        var streamFile = gs.stream(true);

        streamFile.on("end", function(){

        });

        // Pipe out the data
        streamFile.pipe(res);
    GridReader.close(function(err, result) {

    });

Clientside - javascript ajax call：

function imgUpload(){

    var thumb = $("#previewPic");

    $('#uploadForm').ajaxSubmit({

        beforeSend:function(){
            //launchpreloader();
        },

        error: function(xhr) {
            //status('Error: ' + xhr.status);
        },

        success: function(response) {
            console.log(response);
            var imageData = $.base64Encode(response);
            console.log(imageData);
            thumb.attr("src","data:image/png;base64"+imageData);
            $("#spanFileName").html("File Uploaded")
        }
    });
}

Answer 1

我正在为当前项目做类似的事情，但是当上传完成后，我返回一个包含上传图片的URL的JSON对象：

{ success : true, url : '/uploads/GRIDFSID/filename.ext' }

我在Express中有一条路由处理/uploads路由以从GridFS检索文件并将其流回客户端，因此我可以在IMG SRC中使用上述URL。这实际上是DOM中出现的内容：

<img src="/uploads/GRIDFSID/filename.ext">

路由处理程序看起来像这样（它使用node-mime和gridfs-stream）：

app.get(/^\/uploads\/([a-f0-9]+)\/(.*)$/, function(req, res) {
  var id        = req.params[0];
  var filename  = req.params[1];

  // Set correct content type.
  res.set('Content-type', mime.lookup(filename));

  // Find GridFS file by id and pipe it to the response stream.
  gridfs
    .createReadStream({ _id : id })
    .on('error', function(err) {
      res.send(404); // or 500
    })
    .pipe(res);
});

如果我的解决方案适合您，这显然取决于您的确切设置。

mongodb gridfs编码图片base64

1 个答案: