spartan-multi-image-picker - npm Package Compare versions

Comparing version 1.0.1-rc.1 to 1.0.1-rc.2

bower.json

 {
   "name": "spartan-multi-image-picker",
-  "description": "Multi image picker for you",
+  "description": "A Jquery multi image picker with preview (with madness)",
   "main": "index.js",
@@ -8,6 +8,10 @@ "authors": [
   ],
+  "dependencies" : {
+    "jquery": "~3.3.1"
+  },
   "license": "ISC",
   "keywords": [
     "ImagePicker",
-    "MultiImagePicker"
+    "MultiImagePicker",
+    "Jquery Plugin"
   ],
@@ -14,0 +18,0 @@ "homepage": "https://github.com/adispartadev/spartan-multi-image-picker",

dist/js/spartan-multi-image-picker-min.js

@@ -1,1 +0,1 @@
-!function(e){"use strict";e.fn.spartanMultiImagePicker=function(a){var A=0,t=0,i=0,n={fieldName:"",groupClassName:"col-md-4 col-sm-4 col-xs-6",rowHeight:"200px",placeholderImage:{image:"data:image/png;base64,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",width:"64px"},maxCount:"",allowedExt:"png|jpg|jpeg|gif",onAddRow:function(){},onRenderedPreview:function(){},onRemoveRow:function(){},onExtensionErr:function(){}},r=e.extend({},n,a);function d(a,i){t=A;var n=a.groupClassName,r=a.rowHeight,d=a.fieldName,o=a.placeholderImage,l=`<div class="${n}" data-spartanindexrow="${A}" style="margin-bottom : 20px;">`+`<label class="file_upload" style="width: 100%; height: ${r}; border: 2px dashed #ddd; border-radius: 3px; cursor: pointer; text-align: center; overflow: hidden; padding: 5px; margin-top: 5px; margin-bottom : 5px; position : relative; display: flex; align-items: center; margin: auto; justify-content: center; flex-direction: column;">`+`<a href="javascript:void(0)" data-spartanindexremove="${A}" style="position: absolute !important; right : 3px; top: 3px; display : none; background : #ED3C20; border-radius: 3px; width: 30px; height: 30px; line-height : 30px; text-align: center; text-decoration : none; color : #FFF;" class="spartan_remove_row">&#10006;</a>`+`<img style="width: ${o.width}; margin: 0 auto; vertical-align: middle;" data-spartanindexi="${A}" src="${o.image}" /> `+`<img style="width: 100%; vertical-align: middle; display:none;" class="img_" data-spartanindeximage="${A}">`+`<input class="form-control spartan_image_input" accept="image/*" data-spartanindexinput="${A}" style="display : none"  name="${d}" type="file">`+"</label> </div>",s=e.parseHTML(l);e(i).append(s);++A;a.onAddRow.call()}return this.each(function(){var a=this;d(r,a),e(this).on("change",".spartan_image_input",function(){!function(a,A,t){if(A.files&&A.files[0]){var n=A.files[0],r=a.allowedExt,o=n.type;if(!new RegExp(`(.*?).(${r})$`).test(o))return a.onExtensionErr.call(),!1;var l=new FileReader;l.onload=function(i){var n=e(A).data("spartanindexinput");e(t).find('img[data-spartanindexi="'+n+'"]').hide(),e(t).find('a[data-spartanindexremove="'+n+'"]').show(),e(t).find('img[data-spartanindeximage="'+n+'"]').attr("src",i.target.result),e(t).find('img[data-spartanindeximage="'+n+'"]').show(),a.onRenderedPreview.call()},l.readAsDataURL(A.files[0]),i++,""==a.maxCount?d(a,t):""!=a.maxCount&&i<a.maxCount&&d(a,t)}}(r,this,a)}),e(this).on("click",".spartan_remove_row",function(){!function(a,A,n){var r=e(A).data("spartanindexremove");e(n).find('[data-spartanindexrow="'+r+'"]').remove(),t==r&&d(a,n),i--,a.onRemoveRow.call()}(r,this,a)})})}}(jQuery);
+!function(e){"use strict";e.fn.spartanMultiImagePicker=function(a){var A=0,i=0,t=0,n={fieldName:"",groupClassName:"col-md-4 col-sm-4 col-xs-6",rowHeight:"200px",placeholderImage:{image:"data:image/png;base64,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",width:"64px"},maxCount:"",maxFileSize:"",allowedExt:"png|jpg|jpeg|gif",onAddRow:function(){},onRenderedPreview:function(){},onRemoveRow:function(){},onExtensionErr:function(){},onSizeErr:function(){}},r=e.extend({},n,a);function o(a,t){i=A;var n=a.groupClassName,r=a.rowHeight,o=a.fieldName,d=a.placeholderImage,l=`<div class="${n}" data-spartanindexrow="${A}" style="margin-bottom : 20px;">`+`<label class="file_upload" style="width: 100%; height: ${r}; border: 2px dashed #ddd; border-radius: 3px; cursor: pointer; text-align: center; overflow: hidden; padding: 5px; margin-top: 5px; margin-bottom : 5px; position : relative; display: flex; align-items: center; margin: auto; justify-content: center; flex-direction: column;">`+`<a href="javascript:void(0)" data-spartanindexremove="${A}" style="position: absolute !important; right : 3px; top: 3px; display : none; background : #ED3C20; border-radius: 3px; width: 30px; height: 30px; line-height : 30px; text-align: center; text-decoration : none; color : #FFF;" class="spartan_remove_row">&#10006;</a>`+`<img style="width: ${d.width}; margin: 0 auto; vertical-align: middle;" data-spartanindexi="${A}" src="${d.image}" /> `+`<img style="width: 100%; vertical-align: middle; display:none;" class="img_" data-spartanindeximage="${A}">`+`<input class="form-control spartan_image_input" accept="image/*" data-spartanindexinput="${A}" style="display : none"  name="${o}" type="file">`+"</label> </div>",s=e.parseHTML(l);e(t).append(s);++A;a.onAddRow.call()}return this.each(function(){var a=this;o(r,a),e(this).on("change",".spartan_image_input",function(){!function(a,A,i){if(A.files&&A.files[0]){var n=A.files[0],r=a.allowedExt,d=a.maxFileSize,l=n.type;if(!new RegExp(`(.*?).(${r})$`).test(l))return a.onExtensionErr.call(),!1;if(""==d||""!=d&&n.size<=d){var s=new FileReader;s.onload=function(t){var n=e(A).data("spartanindexinput");e(i).find('img[data-spartanindexi="'+n+'"]').hide(),e(i).find('a[data-spartanindexremove="'+n+'"]').show(),e(i).find('img[data-spartanindeximage="'+n+'"]').attr("src",t.target.result),e(i).find('img[data-spartanindeximage="'+n+'"]').show(),a.onRenderedPreview.call()},s.readAsDataURL(A.files[0]),t++,""==a.maxCount?o(a,i):""!=a.maxCount&&t<a.maxCount&&o(a,i)}else if(""!=d&&n.size>d)a.onSizeErr.call()}}(r,this,a)}),e(this).on("click",".spartan_remove_row",function(){!function(a,A,n){var r=e(A).data("spartanindexremove");e(n).find('[data-spartanindexrow="'+r+'"]').remove(),i==r&&o(a,n),t--,a.onRemoveRow.call()}(r,this,a)})})}}(jQuery);

dist/js/spartan-multi-image-picker.js

@@ -25,2 +25,3 @@ /**
             maxCount:          '',
+            maxFileSize:       '',
             allowedExt:        'png|jpg|jpeg|gif',
@@ -30,3 +31,4 @@ onAddRow:          function() {},
             onRemoveRow:       function() {},
-            onExtensionErr:    function() {}
+            onExtensionErr:    function() {},
+            onSizeErr:         function() {}
         };
@@ -76,26 +78,35 @@
     
-                var file_select = input.files[0], allowedExt = settings.allowedExt;
+                var file_select = input.files[0], allowedExt = settings.allowedExt, maxFileSize = settings.maxFileSize;
                 var file_select_type = file_select.type,
                     regex = new RegExp(`(.*?)\.(${allowedExt})$`);
-
+                 
                 if(regex.test(file_select_type)){
 
-                    var reader = new FileReader();
-                    reader.onload = function(e) {
-                        var index = $(input).data('spartanindexinput');
-                        $(parent).find('img[data-spartanindexi="'+index+'"]').hide();
-                        $(parent).find('a[data-spartanindexremove="'+index+'"]').show();
-                        $(parent).find('img[data-spartanindeximage="'+index+'"]').attr('src', e.target.result);
-                        $(parent).find('img[data-spartanindeximage="'+index+'"]').show();
-                        settings.onRenderedPreview.call();
-                    };
+                    if((maxFileSize == '') ||  (maxFileSize != '' && file_select.size <= maxFileSize)){
 
-                    reader.readAsDataURL(input.files[0]);
-                    total_count++;
-                    if(settings.maxCount == ''){
-                        addRow(settings, parent);
+                        var reader = new FileReader();
+                        reader.onload = function(e) {
+                            var index = $(input).data('spartanindexinput');
+                            $(parent).find('img[data-spartanindexi="'+index+'"]').hide();
+                            $(parent).find('a[data-spartanindexremove="'+index+'"]').show();
+                            $(parent).find('img[data-spartanindeximage="'+index+'"]').attr('src', e.target.result);
+                            $(parent).find('img[data-spartanindeximage="'+index+'"]').show();
+                            settings.onRenderedPreview.call();
+                        };
+
+                        reader.readAsDataURL(input.files[0]);
+                        total_count++;
+                        if(settings.maxCount == ''){
+                            addRow(settings, parent);
+                        }
+                        else if(settings.maxCount != '' && total_count < settings.maxCount ){
+                            addRow(settings, parent);
+                        }
+
                     }
-                    else if(settings.maxCount != '' && total_count < settings.maxCount ){
-                        addRow(settings, parent);
+                    else if(maxFileSize != '' && file_select.size > maxFileSize){
+                        settings.onSizeErr.call();
+                        return false;
                     }
+
                 }
@@ -102,0 +113,0 @@ else{

package.json

 {
   "name": "spartan-multi-image-picker",
-  "version": "1.0.1-rc.1",
-  "description": "Multi image picker for you",
+  "version": "1.0.1-rc.2",
+  "description": "A Jquery multi image picker with preview (with madness)",
   "main": "index.js",
@@ -27,2 +27,3 @@ "scripts": {
   "keywords": [
+    "Jquery Plugin",
     "ImagePicker",
@@ -29,0 +30,0 @@ "MultiImagePicker"

README.md

 # spartan-multi-image-picker
 
-This plugin enable you to upload multiple files on a html form without giving your dummy user a pain in the ass to hold their `Ctrl` keyboard.
+This plugin enable you to upload multiple files on a html form without giving your dummy user a pain in the ass to hold their `Ctrl` keyboard for non ajax upload file.
 
@@ -47,7 +47,8 @@
 | `fieldName` | String | `fileUpload[]` or `fileUpload` for single image |
-| `maxCount` | Number | `1`, `2` |
+| `maxCount` | Number | `1`, `2` remove for unlimited count |
 | `rowHeight` | String | `200px` |
 | `groupClassName` | String | `col-md-4 col-sm-4 col-xs-6` |
-| `allowedExt` | String | `png|jpg|jpeg|gif` |
+| `allowedExt` | String | `png|jpg|jpeg|gif` or empty string for all type |
 | `placeholderImage` | Object with `image` and `width` properties | `{ image: 'placeholder.png', width: '100%'}` |
+| `maxFileSize` | Number (in kb) | `40000` |
 
@@ -62,2 +63,3 @@ ### Callback
 | `onExtensionErr` | Called on extension didn't match as `allowedExtension` |
+| `onSizeErr` | Called on image size is more than `maxFileSize` prop |
 
@@ -87,5 +89,9 @@ ### Full customize example:
 		console.log('extension error');
-		alert('Please only input png or jpg type file')
+		alert('Please only input png or jpg type file');
+	},
+	onSizeErr : function(){
+		console.log('file size too big');
+		alert('File size too big');
 	}
 });
 ```

src/js/spartan-multi-image-picker.js

@@ -25,2 +25,3 @@ /**
             maxCount:          '',
+            maxFileSize:       '',
             allowedExt:        'png|jpg|jpeg|gif',
@@ -30,3 +31,4 @@ onAddRow:          function() {},
             onRemoveRow:       function() {},
-            onExtensionErr:    function() {}
+            onExtensionErr:    function() {},
+            onSizeErr:         function() {}
         };
@@ -76,26 +78,37 @@
     
-                var file_select = input.files[0], allowedExt = settings.allowedExt;
+                var file_select = input.files[0], allowedExt = settings.allowedExt, maxFileSize = settings.maxFileSize;
                 var file_select_type = file_select.type,
                     regex = new RegExp(`(.*?)\.(${allowedExt})$`);
 
+
+                 
                 if(regex.test(file_select_type)){
 
-                    var reader = new FileReader();
-                    reader.onload = function(e) {
-                        var index = $(input).data('spartanindexinput');
-                        $(parent).find('img[data-spartanindexi="'+index+'"]').hide();
-                        $(parent).find('a[data-spartanindexremove="'+index+'"]').show();
-                        $(parent).find('img[data-spartanindeximage="'+index+'"]').attr('src', e.target.result);
-                        $(parent).find('img[data-spartanindeximage="'+index+'"]').show();
-                        settings.onRenderedPreview.call();
-                    };
+                    if((maxFileSize == '') ||  (maxFileSize != '' && file_select.size <= maxFileSize)){
 
-                    reader.readAsDataURL(input.files[0]);
-                    total_count++;
-                    if(settings.maxCount == ''){
-                        addRow(settings, parent);
+                        var reader = new FileReader();
+                        reader.onload = function(e) {
+                            var index = $(input).data('spartanindexinput');
+                            $(parent).find('img[data-spartanindexi="'+index+'"]').hide();
+                            $(parent).find('a[data-spartanindexremove="'+index+'"]').show();
+                            $(parent).find('img[data-spartanindeximage="'+index+'"]').attr('src', e.target.result);
+                            $(parent).find('img[data-spartanindeximage="'+index+'"]').show();
+                            settings.onRenderedPreview.call();
+                        };
+
+                        reader.readAsDataURL(input.files[0]);
+                        total_count++;
+                        if(settings.maxCount == ''){
+                            addRow(settings, parent);
+                        }
+                        else if(settings.maxCount != '' && total_count < settings.maxCount ){
+                            addRow(settings, parent);
+                        }
+
                     }
-                    else if(settings.maxCount != '' && total_count < settings.maxCount ){
-                        addRow(settings, parent);
+                    else if(maxFileSize != '' && file_select.size > maxFileSize){
+                        settings.onSizeErr.call();
+                        return false;
                     }
+
                 }
@@ -102,0 +115,0 @@ else{

No alert changes

Improved metrics

Total package byte prevSize

1683995

increased by0.11%

Number of package files

11

increased by10%

Lines of code

313

increased by6.83%

Number of lines in readme file

94

increased by6.82%

No dependency changes