Displaying an image on API endpoint using aws lambda and node.js

Question

Right now I am editing the code inline on AWS lambda. This is what I have currently:

var qrImage = require('qr-image');


exports.handler = async (event) => {
    return sendRes(200,'hi');
};
/*
const sendRes = (status, body) => {
  var response = {
    statusCode: status,
    headers: {
      "Content-Type": "text/html"
    },
    body: body
  };
  return response;
}; 
*/

const sendRes = (status, body) => {
  const svg_string = qrImage.imageSync('http://www.nodejs.org',{ type: 'png', size: 20 });
  var response = {
    statusCode: status,
    headers: {
      "Content-Type": "image/jpeg"
    },
    body: svg_string
  };
  return response;
};

This outputs the text Internal server error.

The code below creates a png file and stores it. The functionality I would like on lambda is to simply display the image(No saving involved) when I access the endpoint. But I am not sure how to go about it (New to Lamda, Node.js). What exactly should I be looking into?

var qrImage = require('qr-image');
var fs = require('fs');

qrImage
    .image("http://www.nodejs.org", {type:'png', size:20})
    .pipe(fs.createWriteStream("MyQRCode.png"));

EDIT I made some small changes and this appears to be working

var qrImage = require('qr-image');

exports.handler = async (event) => {
    return sendRes(200,'hi');
};

const sendRes = (status, body) => {
  const svg_string = qrImage.imageSync('this is AWS!', { type: 'svg', size: 10 });
  var response = {
    statusCode: status,
    headers: {
      "Content-Type": "image/svg+xml"
    },
    body: svg_string
  };
  return response;
};

Sanket · Accepted Answer · 2018-10-12 14:52:36Z

1

If you are only returning the image with the help of lambda then sync will also work, here the code for it

const sendRes = (status, body) => {
  const svg_string = qr.imageSync('http://www.nodejs.org', { type: 'png', size: 20 });
  var response = {
    statusCode: status,
    headers: {
      "Content-Type": "image/jpeg"
    },
    body: svg_string
  };

  return response;
};

answered Oct 12, 2018 at 14:52

Sanket

9851 gold badge11 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Avinash Prabhakar Over a year ago

Thank you for the quick reply. Just an additional question, do I have to upload the code as a zip with the libraries or can I manually add the library to the inline editor? The second seems easier but I am not sure if it will work.

Sanket Over a year ago

I guess you are asking about lambda? If so let me clear first I don't have much experience on lambda, I have seen people directly pushing code with all dependencies to lambda in a zip.

Avinash Prabhakar Over a year ago

Yes this lamda thing is new to me as well. I am trying that right now.

Avinash Prabhakar Over a year ago

Hey I'll update my question. For some reason I am getting internal server error. I do not have cloud watch logs set up so it does not show the exact reason why it is not working but I'll try to get the logs.

Avinash Prabhakar Over a year ago

I made some changes and it is working now. Thanks once again!

Collectives™ on Stack Overflow

Displaying an image on API endpoint using aws lambda and node.js

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related