Set a Content-Type

Hi,

I have followed Background image thumbnail processing with Azure Functions and NodeJS article to create Azure functions.It is working fine. The problem which I have is, how to set the Content-Type on the thumbnailed image.At this moment it is Stream.

function.json

{
  "bindings": [
    {
      "name": "myBlob",
      "type": "blobTrigger",
      "direction": "in",
      "path": "project2-photos-original/{name}",
      "connection": "thumbnailfunction_STORAGE",
      "dataType": "binary"
    },
    {
      "type": "blob",
      "name": "$return",
      "path": "project2-photos-thumbnail/{name}",
      "connection": "thumbnailfunction_STORAGE",
      "direction": "out"
    }
  ],
  "disabled": false
}

I have tried as shown below.But it is not working.

index.json

var Jimp = require("jimp");

module.exports = (context, myBlob) => {

    // Read image with Jimp
    Jimp.read(myBlob).then((image) => {

        // Manipulate image
        image
            .resize(200, Jimp.AUTO)
            .greyscale()
            .getBuffer(Jimp.MIME_JPEG, (error, stream) => {
   
                if (error) {
                    context.log(`There was an error processing the image.`);
                    context.done(error);
                }
                else {
                                
                     context.res = { headers: {
                        'Content-Type': Jimp.MIME_JPEG
                     }};
                    context.log(`Successfully processed the image`);
                    context.done(null, stream);

                }

            });

    });

};

[mamaso]

Great, happy to help, have a good one!

[mamaso]

It seems that you’re using your function to create the thumbnails, once they’re created and uploaded in the blob (which your original function should accomplish, without the content-type) I think you can use an <img src="path/to/blob/thumbnail"> in your UI (assuming html based).