data-uri / twig-extension
Twig extension for data URI ; Converts data to the data URI Url scheme (RFC 2397)
Installs: 184 401
Dependents: 3
Suggesters: 0
Security: 0
Stars: 33
Watchers: 4
Forks: 10
Open Issues: 3
Requires
- php: >=5.3.2
- data-uri/data-uri: ~0.2.0
- twig/extensions: ~1.0
This package is auto-updated.
Last update: 2024-10-25 06:32:42 UTC
README
This is an extension for Twig Templating engine
This extension makes easy to use the dataURI scheme as specified in RFC 2397.
Be carefull, as explained in the RFC, it can not be used as a replacement for traditionnal URI sources all the time. DataURI scheme is length limited and can not handle all files / ressources.
##Install
This extension requires PHP 5.3.2.
Download and Install composer, then add this to your composer.json
:
{ "require": { "data-uri/twig-extension": "dev-master" } }
Then, register the extension in your twig environment:
$twig->addExtension(new \DataURI\TwigExtension());
Usage
DataURI extension works with stream ressource, scalar value, binary string, or a pathname for a file.
Pathname
$twig->render('<img title="hello" src="{{ image | dataUri }}" />', array('image' => '/path/to/image.jpg'));
will render something like:
<img title="hello" src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAB...SUhEU==" />
Ressource
$file = fopen('/path/to/image.jpg', 'r'); $twig->render('<img title="hello" src="{{ image | dataUri }}" />', array('image' => $file));
Binary string
$file = file_get_contents('/path/to/image.jpg'); $twig->render('<img title="hello" src="{{ image | dataUri(true, \'image/jpeg\') }}" />', array('image' => $file));
Options
DataUri can take up to 3 parameters:
dataUri(strictMode, mimeType, parameters)
strictMode default value us true
mimeType default value is null
(autodetected when passing a pathname)
parameters is an array of key/value parameters
###Unlock data length restriction
As said above, the RFC is quite strict on the output max length. By default, the extension is 100% RFC compliant and the extension will log warnings if you render data too large, but you can unlock the limit with the first option of the filter:
$twig->render('<img title="hello" src="{{ image | dataUri(false) }}" />', array('image' => '/path/to/BIGPICTURE.jpg'));
note: If you display errors, warning message will result in Twig throws Twig_Error_Runtime exception.
Example Mimetype
$file = fopen('bunny.png', 'r'); $twig->render("{{ file | dataUri(false, 'image/png') }}", array('file' => $file));
will render something like:
data:image/png;base64,oAYTUKHJKPPZ...F873=/SO
Example Parameters
$json = '{"Hello":"World !"}'; $twig->render( '{{ json | dataUri(false, "application/json", {"charset":"utf-8"}) }}', array('json' => $json));
will render:
data:application/json;charset=utf-8,%7B%22Hello%22%3A%22World%20%21%22%7D
License
This extension is released under the MIT License