3

我正在尝试解析从服务器端发送的$.ajax()和在服务器端发送的多部分/表单数据，数据req.body未req.files按照 express 文档中的说明传入。

我想要做的是通过发送多个图像文件和表单数据$.ajax，然后在服务器端接收它并通过nodemailer将这些图像作为附件发送，所以要通过nodemailer发送它我需要能够阅读，我get 只是 req.body 中的数据垃圾，我什至无法阅读。代码如下。

客户端 Ajax 请求发送功能：-

   $('.contact-button').on('click', function(e) {
    e.preventDefault();
    var data = new FormData();

    var filesList = document.getElementById('files');
    for (var i = 0; i< filesList.files.length; i ++) {
        data.append('file', filesList.files[i]);
    }

    data.append('messageData', $('#contact-form').serialize());

    $.ajax({
        url: '/api/contactus/',
        data: data,
        processData: false,
        type: "POST",
        contentType: 'multipart/form-data',
        mimeType:    'multipart/form-data',
        success: function (data) {

            console.log("SUCCESS IN AJAX");
            console.dir(data);
        },
        error: function (err) {
            console.log('error  in AJAX');
            console.log(err);
        }
    });
});

处理请求的服务器端 API：-

function contactUs (req, res, next) {

    console.log("TESTING Body ");
    console.dir(req.body);

    console.log("TESTING Files");
    console.dir(req.files);

    var Transport   = email.createTransport("SMTP", {
        service: "Gmail",
        auth: {
            user: "dummy@dummy.com",
            pass: "dumy1234"
        }
    });

    Transport.sendMail({
        host    : "smtp.gmail.com",
        port    : "587",
        domain  : "domain.com",
        to      : "dummy@dummy.com",
        from    : "dummy@dummy.com",

        subject : "[Technical Support] "+EmailInfo.Name + " Submitted an Issue!",
        reply_to: req.body.Email,
        html    : "<h2 >Message Details</h2>",
        authentication : "login",
        username: 'dummy@dummy.com',
        password: 'dumy1234'
    }, function (err, result) {
        if (err) {
            next('email sending failed', err);
        } else {
            res.json('email sending Success');
        }
    });
}

所以这两个问题是如何解析来自ajax请求的多部分数据。？第二如何通过nodemailer将多部分数据作为附件发送。？

请记住，我已经尝试使用app.use(express.multipart());，但是当我将它插入到我的 app.js 中时，它给了我400 bad request，甚至没有执行该contactUs功能。

4

2 回答 2

1

使用contentType: false为我解决了很多问题，只是对于那些正在寻找相同问题答案的人来说，这里是工作和更新的代码。

客户端Js： -

    submitHandler: function (form) {
        if(isClicked) {
            $('#result').removeClass('alert-success').addClass('alert-error').html("Ticket Already submitted").show();
            return false;
        }
        isClicked = true;
        var data = new FormData();
        data.append('messageData', $('#contact-form').serialize());
        var filesList = document.getElementById('files');
        for (var i = 0; i < filesList.files.length; i ++) {
            data.append('file', filesList.files[i]);
        }
        $.ajax({
            url:         '/api/contactus/',
            data:        data,
            processData: false,
            type:        'POST',
            contentType: false,
            success:     function (data) {
                $('#contact-form').html('<p><span>Thank You for contacting us!</span><br> We will get back to you very soon.<br> Your Ticket No. is <strong>'+data.TokenId+'</strong> </p><br><button class="btn btn-primary close-button" type="submit">Submit Another Ticket</button>');
            },
            error:       function (err) {
                var errorMsg = 'Issue Submission Failed ! ' + err.statusText;
                $('#result').removeClass('alert-success').addClass('alert-error').html(errorMsg).show();
            }
        });
    }

服务器端：-

在电子邮件发送的服务器端没有做任何特别的事情，只是以更通用的方式处理附件。

        attachments:    Attachments.map(function (f) {
    return   {
        fileName: f.name,
        filePath: f.path,
        cid:      f.path
    };
    })

此外，此代码对于在邮寄附件后从您的临时文件夹中删除这些临时文件很有用，

  /* Clean up the temporary files. */
    Attachments.forEach(function (f) {
    fs.unlinkSync(f.path);
    });

这就是电子邮件发送代码的调用方式，因此 BodyParser() 和 multipart() 都可以使用。

app.post('/api/contactus/', express.multipart(), api_calls.contactUs);
于 2013-09-24T20:39:00.320 回答
1 
$.ajax({     
     type: "POST",
     url: '/admin/systemgoalssystemgoalupdate?format=html',
     data: formdata,
     success: function (data) {
         console.log(data);
     },
     dataType: "json"
 });
于 2016-07-13T12:18:14.067 回答