在请求Nodejs中获取多部分/表单数据

Question

我使用ajaxForm插件提交表单以保存图片，这是客户端Js片段：

$('#saveProfileImage').ajaxForm(options);

$('#saveProfileImage').submit(function(e){
    e.preventDefault();
    cropBoxData = $image.cropper('getData');
    $('#image-height').val(cropBoxData.height);
    $('#image-width').val(cropBoxData.width);
    $('#image-x').val(cropBoxData.x);
    $('#image-y').val(cropBoxData.y);
    alert("Submittin");
})

使用blueimp-file-upload-expressjs服务器端代码保存图像文件：

router.post('/updateprofilemedia/v1', function(request, response, next){
    console.log("Enter in updateprofilev1");
    console.log(request.data);//why i am getting empty here
    console.log(request.files)// getting undefined
    var options = {
        tmpDir: __dirname + '/../public/user_images',
        uploadDir: __dirname + '/../public/user_images',
        uploadUrl: '/uploaded/files/',
        copyImgAsThumb : false,
        storage: {
          type: 'local'
        }
      };
    var uploader = require('blueimp-file-upload-expressjs')(options);
    uploader.post(request, response, function(error, obj) {
        console.log("")
    });
});

一切都很好，图像保存完美。但是我发送了额外的数据请求，但我在request.data处空了。和解决方案???

当我使用connect-multiparty中间件时，我跟随request.files，但现在上传模块没有上传图片。

{ proflie_image: 
   { fieldName: 'proflie_image',
     originalFilename: 'profile.jpg',
     path: '/tmp/3959-hjf57u.jpg',
     headers: 
      { 'content-disposition': 'form-data; name="proflie_image"; filename="profile.jpg"',
        'content-type': 'image/jpeg' },
     ws: 
      { _writableState: [Object],
        writable: true,
        domain: null,
        _events: [Object],
        _maxListeners: 10,
        path: '/tmp/3959-hjf57u.jpg',
        fd: null,
        flags: 'w',
        mode: 438,
        start: undefined,
        pos: undefined,
        bytesWritten: 92450,
        closed: true },
     size: 92450,
     name: 'profile.jpg',
     type: 'image/jpeg' } }

这是我在控制台中可以看到的以下视图：

Answer 1

我找到了这个解决方案，可能是您可能想要看一下。 Multiparty是一个模块，当表单属性为enctype =“ multipart / form-data”时，它可以帮助访问图像和文本字段。它非常有用。当您未指定编码类型时，其默认值为“ application / x-www-form-urlencoded”。但是，对于控制图像而言，这是很难的。因此，如果要发送图像，请使用“ multipart / form-data”。

var multiparty = require('multiparty');

 var form = new multiparty.Form();
    form.parse(req, function(err, fields, files) {
        if(err){ 
            throw err; 
        }else{
          console.log(fields.productType+" "+fields.imgOrder+" "+fields.productİd);
            //files iare images
            //fields are fields, you can access now to them
            // it save image in temporary file
        }
}

Answer 2

另一种方法是使用multer中间件。例如：

var multer = require('multer');

// ...

router.post('/updateprofilemedia/v1',
            multer({ dest: __dirname + '/../public/user_images' }),
            function(request, response, next) {
  // ...
});