Skip to content

Library to easily decode/encode Data URI images

Notifications You must be signed in to change notification settings

SnailyCAD/image-data-uri

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Image Data URI

Library to easily decode/encode Data URI images

Installation

npm install image-data-uri

Methods

  • decode(dataURI)
imageDataURI.decode('data:image/png;base64,SOMEPNGDATAURI/wD/')

// RETURNS
{
    imageType: 'image/png',
    dataBase64: 'SOMEPNGDATAURI/wD/',
    dataBuffer: <Buffer 89 50 4e 47 0d 0a ...>
}
  • encode(data, mediaType)
// Expects a Buffer of a image file
let dataBuffer = new Buffer(imageData);

// PNG | GIF | etc.
let mediaType = "PNG";

// RETURNS :: image data URI :: 'data:image/png;base64,PNGDATAURI/wD/'
imageDataURI.encode(dataBuffer, mediaType);
  • encodeFromURL(imageURL)
// Returns a Promise
imageDataURI
  .encodeFromURL("http://www.some-site.com/some-image.png")

  // RETURNS image data URI :: 'data:image/png;base64,PNGDATAURI/'
  .then((res) => console.log(res));
  • encodeFromFile(filePath)
// Returns a Promise
imageDataURI
  .encodeFromFile("./some-file.png")

  // RETURNS image data URI :: 'data:image/png;base64,PNGDATAURI/'
  .then((res) => console.log(res));
  • outputFile(dataURI, filePath)
// Some image data uri
let dataURI = "data:image/png;base64,PNGDATAURI/";

// It will create the full path in case it doesn't exist
// If the extension is defined (e.g. fileName.png), it will be preserved, otherwise the lib will try to guess from the Data URI
let filePath = "./out/path/fileName";

// Returns a Promise
imageDataURI
  .outputFile(dataURI, filePath)

  // RETURNS image path of the created file 'out/path/fileName.png'
  .then((res) => console.log(res));

About

Library to easily decode/encode Data URI images

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%