c# – 无法将流作为参数传递给aspnet.core.NodeServices中的JS

2023年12月4日 315次阅读

我目前处于将“旧的”ASP MVC项目迁移到新的Core MVC(1.1)的情况,从一次突破性改变跨越到下一次.我现在卡在主题“图像处理”,因为System.Web.Helpers.Web
Image被删除了.我看了几个可能的解决方案,并喜欢通过
this comment中描述的Microsoft.AspNetCore.NodeServices提出的方法.

使用示例脚本并传入文件名时,一切正常.我现在花了几个小时尝试同样的事情来传递一个字节流,因为我从DB读取图像数据并希望直接将它传递给JS.

使用JIMP库的JS：

var jimp = require("jimp");

module.exports = function (result, source, mimeType, maxWidth, maxHeight) {
// Invoke the 'jimp' NPM module, and have it pipe the resulting image data back to .NET
jimp.read(source.buffer).then(function (file) {
    var width = maxWidth || jimp.AUTO;
    var height = maxHeight || jimp.AUTO;
    file.resize(maxWidth, height)
         .getBuffer(mimeType, function (err, buffer) {
             var stream = result.stream;
             stream.write(buffer);
             stream.end();
         });
    }).catch(function (err) {
    console.error(err);
   });
};

我的图像控制器上的操作

var imageStream = await _nodeServices.InvokeAsync<Stream>(
                "Node/resizeImageBuffer",
                bild.BildDaten.Daten, // byte[]
                bild.Mimetype, // "image/jpeg"
                targetsize, // e.g. 400
                targetsize);

当我这样调用它时,我的byte []被序列化为字符串,并且不能作为节点中的缓冲区.

当我尝试换入流时,JS甚至没有执行,因为它在序列化参数时中断.像这样：

var imageStream = await _nodeServices.InvokeAsync<Stream>(
            "Node/resizeImageBuffer",
            new MemoryStream(bild.BildDaten.Daten), // MemoryStream
            bild.Mimetype, // "image/jpeg"
            targetsize, // e.g. 400
            targetsize);

它抛出

JsonSerializationException: Error getting value from 'ReadTimeout' on 'System.IO.FileStream'.

我做什么net get,从Node到C#的结果流工作并且是一个有效的System.IO.Stream对象,但同样不能作为输出参数…
也许有人有想法？

最佳答案 我最终做的是使用System.BitConverter.ToString()将图像byte []转换为其十六进制字符串表示并将其传递给节点脚本.

var byteString = System.BitConverter.ToString(image.Bytes);
var img = await _nodeServices.InvokeAsync<Stream>(
    "./NodeServices/thumbnail",
     "image/jpeg",
     byteString,
     width,
     height
);

然后在节点脚本中,我将十六进制字符串解析回一个字节数组,用它创建一个缓冲区,然后能够将缓冲区传递给jimp.

const jimp = require('jimp')

module.exports = function (result, mimeType, bytes, maxWidth, maxHeight) {
   const parsedBytes = bytes.split('-').map(e => parseInt(`0x${e}`))
   const buffer = Buffer.from(parsedBytes)

   jimp.read(buffer)
       .then((img) => {
           var width = maxWidth || jimp.AUTO
           var height = maxHeight || jimp.AUTO
           img.resize(width, height)
              .getBuffer(mimeType, function (err, buffer) {
                  const stream = result.stream
                  stream.write(buffer)
                  stream.end()
              })
    })
    .catch(err => {
        console.error(err)
    })
}

我希望找到一种方法将byte []数组本身传递给节点脚本,但是现在我很高兴这很有效.

点赞