Meet Our Magento HTML5 Uploader Extension. Get Rid of Flash Headache

Why We Decided to Develop a HTML5 Uploader?

For some time now, popular web browsers are limiting the use of Flash in favor of HTML5. Why everyone hates Flash so much? The main concern lies in its security level. Because Flash is a closed, proprietary system on a web that deserves open standards. It’s a popular punching bag for hackers, which puts users at risk over and over again.

For many years Adobe has been trying to improve Flash Player security level, but no matter what they do (and did) it never seems enough. New vulnerabilities appear faster than the old ones are fixed.

Security is not the only characteristic where HTML5 outruns Flash. HTML5 is fully responsive and is supported by all browsers and devices. It’s also has a lighter code, uses less CPU, and is SEO Friendly (while search engines hate Flash). Also, there is no need to install any third-party tools to view it (you need Adobe Flash Player to view Flash).

Out of the box Magento uses outdated image uploader which is based on Flash. Firefox doesn’t support it anymore (you can’t upload images in Firefox) while Google Chrome is going to stop supporting Flash technology in the nearest future. As a result, you won’t be able to upload images for products or CMS content in modern browsers.

Because this issue was one of the biggest concerns for Magento users for the past few months, Maven decided to develop an alternative method of uploading images and CMS content to Magento based stores. Our solution is based on HTML5 technology, which is modern, stable and won’t get outdated in the nearest future so you won’t be forced to look for another solution for a long time.

Our HTML5 Uploader is bug-free, easy to install and use and allows you simultaneously upload multiple images both for products and CMS content in convenient way. Moreover, it’s 100% free.

 

HTML5 Uploader Features

  • 100% Free
  • Easy installation
  • Multiple image types support
  • Multiupload functionality
  • Drag and Drop interface
  • Thumbnail generation
  • Upload progress indicator
  • Customizable image names
  • Customizable storage path
  • Large image support
  • Developer friendly (Full source code included)
 

Installation Process

As we mentioned, installation process is extremely easy. Just follow the following steps to enable HTML5 Uploader:

  1. Install HTML5 Uploader from Magento Connect
  2. Go to System – Configuration – MAVENECOMMERCE – Html5Uploader – General Settings
  3. Set “Enable” to “Yes”
  4. Clear cache.

That’s it. Now you have HTML5 uploader instead of a Flash uploader.

 

How it works

The process of uploading a product image looks like this:

HTML5 Uploader drag and drop

As you can see it’s an easy to use drag-and-drop interface. Successfully uploaded images look like this:

HTML5 Uploader Success

Uploading images for CMS content is also that easy:

HTML5 uploader media storage HTML5 uploader Media Storage success

Here, at Maven, we already use HTML5 uploader on the majority of our clients’ projects as a more convenient way for uploading product and CMS content images. We hope you will like the way it functions as well.

Download HTML5 Uploader from Magento Marketplace

17 Replies to “Meet Our Magento HTML5 Uploader Extension. Get Rid of Flash Headache”

  1. Thank you for your great job! I was trying to test the uploader using the link above (on Magento Connect). There seem to be some js/css files missing in the package. Could you please check? Thank you for your time!

    1. Hi Alex,
      Thank you for letting us know. You are right, some files were missing. We’ve updated the extension on Magento Connect. Please, download it again and let us know if everything works right.
      Sorry for the inconveniences.

    1. Hi Oleg!
      I was able to download the module now, and thanks for the quick response!
      However I still have some problems. I get to choose the image but when then nothing happens. I can see that the image is selected but it’s not uploading and I dont see and upload button?

  2. Hi Oleg,
    Thank you for this extension!
    I’ve found a bug in app/design/adminhtml/default/default/template/maven/uploader/cms_uploader.phtml file (line 61 in v0.4.0) :
    “echo $this->getJsonConfig()” instead of “echo $this->getConfigJson()” which gives an empty config and raises a JS error.
    And if you want to add French translation (fr_FR), here is the CSV file content:
    “Files to upload:”,”Fichiers à uploader :”
    “or drop files here”,”ou glisser-déposer les fichiers ici”
    “Upload Files”,”Uploader les fichiers”
    Sorry, i did not find your git repo (Github, Bitbucket, Gitlab?)

  3. Hi, I installed this extension and switched it on. I can choose an image (with button or drag and drop), but the upoad does not finish: the green bar stays at about a quarter. What is the solution for this? This is the case in Chrome and Firefox.
    Peter

  4. I am running 1.9.3.3 and the native image upload is broken. I installed
    your extension and after I choose the image I want to upload I get a new
    page with a Disallowed file type error:0. It is a normal jpg file. Any
    thoughts?

  5. I’m getting an 404 error in admin panel, in configuration of Uploader on Magento 1.7.0.2, what can be the problem?

  6. Thank you for creating this. As of speaking your awesome HTML5Uploader does not seem to exist on Magento Connect any longer.
    Are you planning to provide it there again or could you provide a zip or download package somewhere else… like say GitHub?

  7. This is very useful extension. The only problem is when you create a Downloadable product, and then in Downloadable Information try to upload a file, it just does nothing.

Leave a Reply

Your email address will not be published. Required fields are marked *