0

我无法理解节点 js 中的图像处理。很遗憾，很高兴这将成为我申请的重要组成部分。

我想要达到的目标如下：

1) 用户上传图像（=> 多部分表单数据被发送到包含所有数据的服务器。这很好用） 2) 将该图片的最大宽度调整为 640 像素。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 现在应该从服务器打开图像，然后调整它的大小并再次保存。

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

如果缺少任何信息来解决此问题，请告诉我。我会毫不犹豫地包括所有必要的内容。

谢谢

4

1 回答 1

1

您应该在路由器处理程序中打开图像，一旦文件系统上存在文件，就会调用该处理程序。diskStorage在文件完全上传之前调用这两个选项。从 中删除 lwip 部分filename，然后尝试按照以下方式进行操作：

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();
                }
            }
        );
    });
});
于 2016-01-18T18:34:58.767 回答