Question

我无法理解节点js中的图像处理。可悲的是，这将是我申请的重要部分。

我想要实现的目标如下：

1）用户updload一个图像（=＆gt; multipart formdata被发送到包含所有数据的服务器。这很好用） 2）将该图片调整为最大宽度640px。 3）从Y轴裁剪图片：some_variable到Y轴some_variable + max_height（240）和X轴：0到X轴640px 4）在服务器上保存它。

这是我当前悲惨的做法， multer 和 lwip

示例图片数据：

Files { fieldname: 'picture_data',
  originalname: 'dog-how-to-select-your-new-best-friend-thinkstock99062463.jpg',
  encoding: '7bit',
  mimetype: 'image/jpeg',
  destination: 'public/imgs/',
  filename: '1-picture_data-1453136557949.jpg',
  path: 'public/imgs/1-picture_data-1453136557949.jpg',
  size: 1790149 }

我的路由器在此功能中收到此数据：

router.post('/someCall', upload.single('picture_data'), function(req, response) {
...
});

现在调用multer上传函数：

var multer = require('multer');

var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'public/imgs/');
  },
  filename: function (req, file, cb) {
    // CHECK IF FILE IS TOO BIG
    var fileSize = file.size;
    File_controller.checkFeedPostFileSize(fileSize, function(err, res){
      if(res == "File size ok"){
        var mimeType = file.mimetype;
        File_controller.checkMimeTypeImage(mimeType, function(err, res){
          // FILE IS OK AND MAY BE SAVED.
          if(res == "Mimetype ok"){
            var ending = ".jpg";
            if(mimeType == "image/jpeg"){
              ending = ".jpg";
            }else if(mimeType = "image/png"){
              ending = ".png";
            }
            var filename = req.session.user.id + "-" + file.fieldname + '-' + Date.now() + ending;
            req.session.user.file_name = filename;
            cb(null, filename);

            var path = 'public/imgs/' + req.session.user.filename;
            lwip.open(path, function(err, image){
              if (err) return console.log("LWIP BILD NICHT GEFUNDEN", err);
              image.resize(640, function(){

              });
            });
          }else{
            //response.send("Error: Mimetype not ok");
          }
        });
      }else{
        //response.send("Error: File size too big");
      }
    });
  }

}）;

现在该方法一直有效，直到 lwip 部分。这意味着文件以其原始上传大小保存到服务器。据我所知，模块lwip现在应该从服务器打开图像然后调整它并再次保存。

这种方法非常尴尬，我确信在保存和重新打开文件之前可以正确完成。但如果你帮助我以任何方式让它工作，我会非常感激。

如果缺少任何信息来解决此问题，请告知我们。我会毫不犹豫地包括一切必要的东西。

谢谢

Answer 1

您应该在路由器处理程序中打开图像，一旦文件系统上存在该文件，就会调用该图像。 diskStorage上的两个选项都是在文件完全上传之前调用的。从filename中删除lwip部分，然后尝试沿着这条线：

router.post('/someCall', upload.single('picture_data'), function(req, response) {

    lwip.open(req.file.path, function(err, image){

        image.batch()
            .resize(640)
            .writeFile('output.jpg', function(err){
                if (err){
                    response.status(400).send({ error: err.toString() });
                }
                else {
                    response.status(200).end();
                }
            }
        );
    });
});

将图像大小调整和裁剪在节点js

1 个答案: