Blog posts by André Hedberg2015-12-22T11:10:24.0000000Zhttps://world.optimizely.com/blogs/Andre-Hedberg/ Optimizely World ImageResizer with EPiServer - Revisited<p><a title="https://github.com/Igelkottegrodan/ImageResizer.Plugins.EPiServerBlobPlugin" href="https://github.com/Igelkottegrodan/ImageResizer.Plugins.EPiServerBlobPlugin">https://github.com/Igelkottegrodan/ImageResizer.Plugins.EPiServerBlobPlugin</a></p> <p>First based on my initial blog post (<a href="http://world.episerver.com/blogs/Andre-Hedberg/Dates/2013/12/Get-ImageResizer-to-play-along-with-EPiServer-75/)">http://world.episerver.com/blogs/Andre-Hedberg/Dates/2013/12/Get-ImageResizer-to-play-along-with-EPiServer-75/)</a> and now later adjusted based on excellent feedback from Martin Pickering and source code (<a href="http://world.episerver.com/Code/Martin-Pickering/ImageResizingNet-integration-for-CMS75/)">http://world.episerver.com/Code/Martin-Pickering/ImageResizingNet-integration-for-CMS75/)</a>.</p> <p>There are some differences:</p> <p>Not bound to image types (plugins such as PdfRrenderer <a href="http://imageresizing.net/docs/v4/plugins/pdfrenderer">http://imageresizing.net/docs/v4/plugins/pdfrenderer</a> now works) <br />URL check for edit/preview mode is not regex based, it uses EPiServers native methods. <br />Enjoy!</p>2015-12-22T11:10:24.0000000ZBlog post Get ImageResizer to play along with EPiServer 7.5<p> <p>I don’t know about you but I use ImageResizer a lot (<a href="http://imageresizing.net/)">http://imageresizing.net/)</a>. One of the major changes in EPiServer 7.5 is the way media/images are handled and ImageResizer no longer worked for images stored in EPiServer.</p> <p> <br />In order to fix this, might maybe be other solutions, is to create a plugin to ImageResizer. This is really simple.</p> <pre class="language-csharp"><code><span class="kwrd">public</span> <span class="kwrd">class</span> EPiServerBlobPlugin : IVirtualImageProvider, IPlugin
{
<span class="kwrd">public</span> <span class="kwrd">bool</span> FileExists(<span class="kwrd">string</span> virtualPath, System.Collections.Specialized.NameValueCollection queryString)
{
EPiServerBlobImage blobImage = <span class="kwrd">this</span>.GetImage(virtualPath);
<span class="kwrd">return</span> (blobImage != <span class="kwrd">null</span>);
}
<span class="kwrd">public</span> IVirtualFile GetFile(<span class="kwrd">string</span> virtualPath, System.Collections.Specialized.NameValueCollection queryString)
{
<span class="kwrd">return</span> <span class="kwrd">this</span>.GetImage(virtualPath);
}
<span class="kwrd">private</span> EPiServerBlobImage GetImage(<span class="kwrd">string</span> virtualPath)
{
ContentRouteHelper routeHelper = ServiceLocator.Current.GetInstance<ContentRouteHelper>();
MediaData mediaData = routeHelper.Content <span class="kwrd">as</span> MediaData;
<span class="kwrd">if</span> (mediaData == <span class="kwrd">null</span>)
{
<span class="kwrd">return</span> <span class="kwrd">null</span>;
}
<span class="kwrd">return</span> <span class="kwrd">new</span> EPiServerBlobImage(virtualPath, mediaData);
}
<span class="kwrd">public</span> IPlugin Install(global::ImageResizer.Configuration.Config config)
{
config.Plugins.add_plugin(<span class="kwrd">this</span>);
<span class="kwrd">return</span> <span class="kwrd">this</span>;
}
<span class="kwrd">public</span> <span class="kwrd">bool</span> Uninstall(global::ImageResizer.Configuration.Config config)
{
config.Plugins.remove_plugin(<span class="kwrd">this</span>);
<span class="kwrd">return</span> <span class="kwrd">true</span>;
}
}
<span class="kwrd">public</span> <span class="kwrd">class</span> EPiServerBlobImage : IVirtualFile
{
<span class="kwrd">private</span> MediaData _mediaData;
<span class="kwrd">public</span> EPiServerBlobImage(<span class="kwrd">string</span> virtualPath, MediaData mediaData)
{
<span class="kwrd">this</span>.VirtualPath = virtualPath;
<span class="kwrd">this</span>._mediaData = mediaData;
}
<span class="kwrd">public</span> Stream Open()
{
<span class="kwrd">return</span> <span class="kwrd">this</span>._mediaData.BinaryData.OpenRead();
}
<span class="kwrd">public</span> <span class="kwrd">string</span> VirtualPath
{
get;
<span class="kwrd">private</span> set;
}
}</code></pre>
<style type="text/css">.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } </style>
<p>
<p>Register the plugin in resizer config section like so:</p>
<pre class="language-csharp"><code><span class="kwrd"><</span><span class="html">resizer</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">plugins</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">add</span> <span class="attr">name</span><span class="kwrd">="ImageResizer.EPiServerBlobPlugin"</span> <span class="kwrd">/></span>
...
<span class="kwrd"></</span><span class="html">plugins</span><span class="kwrd">></span>
<span class="kwrd"></</span><span class="html">resizer</span><span class="kwrd">></span></code></pre>
<style type="text/css">.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } </style></p></p>2013-12-06T16:40:00.0000000ZBlog post