Sending images with AngularJS and NodeJS

Question

Hi I am making a service to send images with users' information. For example, name, phone number, and their images to upload.

I am planning to use ng-file-upload, one of AngularJS custom dependency. And then, I am going to use Nodemailer to send all the information and images to somewhere else.

But my question is can I send other text data along with ng-file-upload? And second is can I send images with other text data through nodemailer?

Answer 1

Although OP has found a solution in the end, since I had the same problem I figured I'd post the whole code here for others who might struggle with that.

So here is how I combined ng-file-upload and nodemailer to upload and send attachments by e-mail using Gmail:

HTML form:

<form name="postForm" ng-submit="postArt()">
...
<input type="file" ngf-select ng-model="picFile" name="file" ngf-max-size="20MB">
...
</form>

Controller:

app.controller('ArtCtrl', ['$scope', 'Upload', function ($scope, Upload) {
    $scope.postArt = function() {
        var file = $scope.picFile;
        console.log(file);
        file.upload = Upload.upload({
            url: '/api/newart/',
            data: {
                username: $scope.username,
                email: $scope.email,
                comment: $scope.comment,
                file: file
            }
        });
    }
}]);

Server:

var nodemailer = require('nodemailer');
var multipartyMiddleware = require('connect-multiparty')();
// multiparty is required to be able to access req.body.files !

app.mailTransporter = nodemailer.createTransport({
    service: 'gmail',
    auth: {
        user: ...
        pass: ...
    },
    tls: { rejectUnauthorized: false } // needed or Gmail might block your mails
});

app.post('/api/newart', multipartyMiddleware,function(req,res){
    console.log(req.files);
    mailOptions = {
        from: req.body.email,
        to: ...,
        subject: ...
        text: ...,
        attachments: [{
            filename: req.files.file.name,
            path: req.files.file.path // 'path' will stream from the corresponding path
        }]
    };
    app.mailTransporter.sendMail(mailOptions, function(err) {
        if (err) {
            console.log(err);
            res.status(500).end();
        }
        console.log('Mail sent successfully');
        res.status(200).end()
    });
});

The nodemailer examples helped me figure this out!

This works for any file type. The key aspect that some people might miss out is that you need multiparty to access the uploaded file (in req.body.files). Then the most convenient way to attach it is using the path key in the attachment object.