diff --git a/examples/browser/image.html b/examples/browser/image.html
index 37f32e4..a3193ce 100644
--- a/examples/browser/image.html
+++ b/examples/browser/image.html
@@ -32,7 +32,8 @@
 </head>
 <body>
   <div id="dropzone">
-    <p>Drop here</p>
+    <p>Drop here or click here.</p>
+    <input type="file" style="display:none;">
   </div>
 
   <div id="image"></div>
@@ -41,9 +42,10 @@
   <script type="text/javascript">
   (function () {
     var PSD = require('psd');
-
-    document.getElementById('dropzone').addEventListener('dragover', onDragOver, true);
-    document.getElementById('dropzone').addEventListener('drop', onDrop, true);
+    document.querySelector('#dropzone').addEventListener('click', onClick, true);
+    document.querySelector('#dropzone').addEventListener('dragover', onDragOver, true);
+    document.querySelector('#dropzone').addEventListener('drop', onDrop, true);
+    document.querySelector('#dropzone input').addEventListener('change', onDrop, true);
 
     function onDragOver(e) {
       e.stopPropagation();
@@ -57,10 +59,16 @@
 
       PSD.fromEvent(e).then(function (psd) {
         var data = JSON.stringify(psd.tree().export(), undefined, 2);
-        document.getElementById('data').innerHTML = data;
-        document.getElementById('image').appendChild(psd.image.toPng());
+        document.querySelector('#data').innerHTML = data;
+        document.querySelector('#image').appendChild(psd.image.toPng());
+      }).catch(function (err) {
+        document.querySelector('#data').innerHTML = err;
       });
     }
+
+    function onClick(e) {
+        document.querySelector('#dropzone input').click();
+    }
   }());
   </script>
 </body>
diff --git a/package.json b/package.json
index 5936946..bb5f5ad 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   },
   "scripts": {
     "test": "mocha test",
+    "dist": "cake compile",
     "docs": "node_modules/docco-husky/bin/generate lib shims"
   },
   "devDependencies": {
diff --git a/shims/init.coffee b/shims/init.coffee
index 0c9cb97..13e8d4e 100644
--- a/shims/init.coffee
+++ b/shims/init.coffee
@@ -18,7 +18,10 @@ module.exports =
 
     @fromEvent = (e) ->
       new RSVP.Promise (resolve, reject) ->
-        file = e.dataTransfer.files[0]
+        if (e.type == "change")
+            file = e.target.files[0]
+        else
+            file = e.dataTransfer.files[0]
         reader = new FileReader()
         reader.onload = (e) ->
           psd = new PSD(new Uint8Array(e.target.result))
