Skip to content

Get optimized image info (URL, width and height) on both the server and the client

Notifications You must be signed in to change notification settings

lasso-js/lasso-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

lasso-image

This module provides a plugin for the Lasso.js and a JavaScript API that allows image info (URL, width and height) to be retrieved on both the server and the client.

Installation

Install the plugin:

npm install lasso-image --save

Enable the plugin:

require('lasso').configure({
    plugins: [
        'lasso-image',
        ...
    ]
})

Usage

The following code can be used to get image info (URL, width and height) on both the server and the client:

var lassoImage = require('lasso-image');
lassoImage.getImageInfo(require.resolve('./my-image.png'), function(err, imageInfo) {
    if (err) {
        // Handle the error
    }

    console.log('URL: ', imageInfo.url);
    console.log('width: ', imageInfo.width);
    console.log('height: ', imageInfo.height);
});

Referenced images will automatically be bundled and written and the URL for the bundled image will be returned. The result is cached (on the server) so there is no performance penalty in making subsequent calls for the same image path.

About

Get optimized image info (URL, width and height) on both the server and the client

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •