Alexander Haneng
Feb 14, 2012
(4 votes)

EPiFastUpload: Cross browser drag and drop file upload in EPiServer CMS 6

A cross browser solution to uploading multiple files has been high on my wish list for many years now. And now I can finally present the solution (although as an early beta).


The problem

The problem with the built in multiple file upload in EPiServer is that in only works in Internet Explorer. Oh and it has to be 32-bit… and you need to install an Active X control…  Argh…


Plupload to the rescue!

The people who made TinyMCE (the WYSWIG editor in EPiServer CMS) has also made a great open source tool called Plupload. It uses all kinds of fancy tricks (HTML5, Flash, Google Gears etc.) to provide multiple file upload in all kinds of browsers.


A long story short

To make a long story short it all started with Ruwen Jin who created ​Aurumio.EPiServer.Integration.PlupLoad, an EPiServer module that integrated Plupload. Sadly it was poorly documented and had a few problems (especially with chunked uploads). Sveinung Myrlid at EPiServer Norway took the best parts of the module and made Plupload work with EPiServer Relate. We happened to meet at lunch one day and we started discussing how cool it would be to get this working 100% in EPiServer CMS.  My colleague Sigve Fast and I got some code and some important pointers from Sveinung, and soon we had a PoC. After a bit of clean up and refactoring we ended up with EPiFastUpload!


What does it do?



When you install the module you will get an extra button next to the normal “file upload” button:



When you click the new upload button a dialog box opens. Here you can drag and drop files from your computer and click the “Start Upload” button. After the upload has finished click the OK button and the File Manager file list is refreshed showing you the new files.





EPiFastUpload is now stable and in version 1.0.




You can download the latest version from the EPiCode page or from EPiServer Nuget



Posted by

Feb 14, 2012


Magnus Rahl
Magnus Rahl Feb 14, 2012 11:11 AM


Mads Storm Hansen
Mads Storm Hansen Feb 14, 2012 01:51 PM

This will make a lot of people very happy :-)

Feb 14, 2012 03:12 PM

Nicely done!

Joshua Folkerts
Joshua Folkerts Feb 15, 2012 05:25 AM

Fantastic! Nice Work

Hampus Persson
Hampus Persson Feb 15, 2012 11:44 AM

Really good work! Thanks

Feb 15, 2012 07:37 PM

Another best seller! /me like!

Feb 17, 2012 05:36 PM

Very nice!!! Feb 25, 2012 01:28 PM

I'd be keen to see this become a production quality code release, as bulk uploading is an often requested feature on non-IE browsers.

Mar 9, 2012 03:15 PM

EPiFastUpload 1.0 released today. Get it from the EPiFastUpload page on EPiCode or from the EPiServer Nuget feed.

Lise Engmo Eggum
Lise Engmo Eggum Aug 6, 2012 02:37 PM

This looks great! Do you know if it'll work with cms 7?

Please login to comment.
Latest blogs
Performance optimization – the hardcore series – part 2

Earlier we started a new series about performance optimization, here Performance optimization – the hardcore series – part 1 – Quan Mai’s blog...

Quan Mai | Oct 4, 2023 | Syndicated blog

Our first steps into local AI

After a consumer of tools like ChatGPT and CoPilot, we as developers like to dive deeper into it. How does it work? Where to start? Can I create my...

Chuhukon | Oct 4, 2023 | Syndicated blog

Update on .NET 8 support

With .NET 8 now in release candidate stage I want to share an update about our current thinking about .NET 8 support in Optimizely CMS and Customiz...

Magnus Rahl | Oct 3, 2023

Adding Block Specific JavaScript and CSS to the body and head of the page

A common requirement for CMS implementations includes the ability to embed third party content into a website as if it formed part of the website...

Mark Stott | Oct 3, 2023

Performance optimization – the hardcore series – part 1

Hi again every body. New day – new thing to write about. today we will talk about memory allocation, and effect it has on your website performance....

Quan Mai | Oct 3, 2023 | Syndicated blog

Next level content delivery with Optimizely Graph

Optimizely introduced a new product called Optimizely Graph earlier this year. We were one of the first partners to adopt this new service in a...

Ynze | Oct 2, 2023 | Syndicated blog