Merge branch 'master' into gh-pages

Author: MyXoToD

README.md

@@ -8,7 +8,7 @@ This jQuery plugin provides an easy way to preview your uploads before they're a
 
 ## How it works
 
-To get access to the not uploaded data, we can use the HTML5 file reader api. This api provides reading local files. This step is pretty important, because we need to this data in order to show it in the browser window. To get more information about the file reader, you can read the [offical documentation](http://www.w3.org/TR/FileAPI/).
+To get access to the not uploaded data, we can use the HTML5 file reader api. This api provides reading local files. This step is pretty important, because we need to this data in order to show it in the browser window. To get more information about the file reader, you can read the [official documentation](http://www.w3.org/TR/FileAPI/).
 
 ***
 
@@ -42,7 +42,8 @@ Go to <tt>assets/js/</tt> folder.
         label_field: "#image-label",    // Default: .image-label
         label_default: "Choose File",   // Default: Choose File
         label_selected: "Change File",  // Default: Change File
-        no_label: false                 // Default: false
+        no_label: false,                // Default: false
+        success_callback: null          // Default: null
       });
     });
     </script>
@@ -83,4 +84,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+THE SOFTWARE.

assets/js/jquery.uploadPreview.js

@@ -9,7 +9,8 @@
         label_field: ".image-label",
         label_default: "Choose File",
         label_selected: "Change File",
-        no_label: false
+        no_label: false,
+        success_callback : null,
       }, options);
 
       // Check if FileReader is available
@@ -47,6 +48,11 @@
 
               // Read the file
               reader.readAsDataURL(file);
+
+              // Success callback function call
+              if(!settings.success_callback) {
+                settings.success_callback();
+              }
             } else {
               if (settings.no_label == false) {
                 // Change label

assets/js/jquery.uploadPreview.min.js

@@ -94,31 +94,31 @@ <h2>Image File Example</h2>
   overflow: hidden;
   background-color: #ffffff;
   color: #ecf0f1;
-  input {
-    line-height: 200px;
-    font-size: 200px;
-    position: absolute;
-    opacity: 0;
-    z-index: 10;
-  }
-  label {
-    position: absolute;
-    z-index: 5;
-    opacity: 0.8;
-    cursor: pointer;
-    background-color: #bdc3c7;
-    width: 200px;
-    height: 50px;
-    font-size: 20px;
-    line-height: 50px;
-    text-transform: uppercase;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: auto;
-    text-align: center;
-  }
+}
+#image-preview input {
+  line-height: 200px;
+  font-size: 200px;
+  position: absolute;
+  opacity: 0;
+  z-index: 10;
+}
+#image-preview label {
+  position: absolute;
+  z-index: 5;
+  opacity: 0.8;
+  cursor: pointer;
+  background-color: #bdc3c7;
+  width: 200px;
+  height: 50px;
+  font-size: 20px;
+  line-height: 50px;
+  text-transform: uppercase;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  text-align: center;
 }
 &lt;/style&gt;