Try our conversational search powered by Generative AI!

Alexander Haneng
Feb 14, 2012
  7932
(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?

image

 

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

image

 

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.

 

image

 

Update:

EPiFastUpload is now stable and in version 1.0.

 

 

Download

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

 

 

Posted by

Feb 14, 2012

Comments

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

Nice!

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!!!

tym.lawrence@netcat.com.au
tym.lawrence@netcat.com.au 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
Build a headless blog with Astro and Optimizely SaaS CMS

I’m a big fan of using the right tool for the right job. I’m also a big fan of Astro , for the right use case. Let's explore Astro to see what it's...

Jacob Pretorius | May 28, 2024

Microsoft announces Natural language to SQL

Finally, Microsoft launches "Natural language to SQL," after it has been available for several months in Optimizely CMS!

Tomas Hensrud Gulla | May 23, 2024 | Syndicated blog

Five easy ways to start personalizing your content right now

If you clicked on this article, you already know that getting the right message to the right person at the right time helps drive conversions and...

Kara Andersen | May 23, 2024

ExtendedCms.TinyMceEnhancements – serwer side webp support

Today I will introduce another small feature of TinyMceEnhancements plugin. The functionality is used to automatically detect whether a browser...

Grzegorz Wiecheć | May 22, 2024 | Syndicated blog

Azure AI Language– Detect Healthcare Content in Optimizely CMS

In this blog post, I showcase how the Azure AI Language service's Text Analytics for health feature can be used to detect healthcare content within...

Anil Patel | May 22, 2024 | Syndicated blog

Stott Security Version 2 So Far

In December 2023, I unveiled the initial version of Stott Security version 2. Although I typically announce each version I release on LinkedIn and...

Mark Stott | May 22, 2024