Node.js [Module](#module) and [CLI](http://npm.im/datauri-cli) to generate [Data URI scheme](http://en.wikipedia.org/wiki/Data_URI_scheme). > The data URI scheme is a uniform resource identifier (URI) scheme that provides a way to include data in-line in web pages as if they were external resources. from: [Wikipedia](http://en.wikipedia.org/wiki/Data_URI_scheme) ## MODULE [![Build Status](https://github.com/data-uri/datauri/actions/workflows/main.yml/badge.svg?branch=main)](https://github.com/data-uri/datauri/actions/workflows/main.yml?query=branch%3Amain) `npm install datauri` ### Getting started By default, datauri module returns a promise, which is resolved with `data:uri` string or rejected with read file error: ```js const datauri = require('datauri'); const content = await datauri('test/myfile.png'); console.log(content); //=> "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." ``` ### Callback style and meta data ```js const datauri = require('datauri'); datauri('test/myfile.png', (err, content, meta) => { if (err) { throw err; } console.log(content); //=> "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." console.log(meta.mimetype); //=> "image/png" console.log(meta.base64); //=> "iVBORw0KGgoAAAANSUhEUgAA..." console.log(meta.buffer); //=> file buffer }); ``` ### CSS parser ```js const datauriCSS = require('datauri/css'); await datauriCSS('test/myfile.png'); //=> "\n.case {\n background-image: url('data:image/png; base64,iVBORw..." await datauriCSS('test/myfile.png', { className: 'myClass', width: true, height: true }); //=> adds image width and height and custom class name ``` ### Synchronous calls ```js const Datauri = require('datauri/sync'); const meta = Datauri('test/myfile.png'); console.log(meta.content); //=> "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." console.log(meta.mimetype); //=> "image/png" console.log(meta.base64); //=> "iVBORw0KGgoAAAANSUhEUgAA..." console.log(meta.buffer); //=> file buffer ``` ### From a Buffer If you already have a file Buffer, that's the way to go: ```js const DatauriParser = require('datauri/parser'); const parser = new DatauriParser(); const buffer = fs.readFileSync('./hello'); parser.format('.png', buffer); //=> "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." ``` ### From a string ```js const DatauriParser = require('datauri/parser'); const parser = new DatauriParser(); parser.format('.png', 'xkcd'); //=> "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." ``` ## Contribute ```CLI $ npm install ``` To run test specs ```CLI $ npm test ``` ## [ChangeLog](https://github.com/data-uri/datauri/releases) ## Requirements Node.js 10+ ### Previous Node versions and deprecated features: Node.js 8 `npm install --save datauri@3` docs: https://github.com/data-uri/datauri/blob/v3.0.0/docs/datauri.md Node.js 4+ `npm install --save datauri@2` docs: https://github.com/data-uri/datauri/blob/v2.0.0/docs/datauri.md ## License MIT License (c) [Data-URI.js](https://github.com/data-uri) (c) [Helder Santana](https://heldr.com)

	Stars	Issues	Version	Updated	Created
base64-img	164	15	1.0.4	6 years ago	9 years ago
datauri	226	2	4.1.0	3 years ago	12 years ago
imageurl-base64			1.0.0	9 years ago	10 years ago
parse-data-url			6.0.0	9 months ago	8 years ago

base64-img vs datauri vs imageurl-base64 vs parse-data-url

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past