123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- ;(function(){
- function upload(cb, opt){
- var el = $(this); cb = cb || function(){}; opt = opt || {};
- el.on('drop', function(e){
- e.preventDefault();
- upload.drop(((e.originalEvent||{}).dataTransfer||{}).files, 0);
- }).on('dragover', function(e){
- e.preventDefault();
- });
- upload.drop = function(files,i){
- if(opt.max && (files[i].fileSize > opt.max || files[i].size > opt.max)){
- cb({err: "File size is too large.", file: file[i]}, upload);
- if(files[++i]){ upload.drop(files,i) }
- return false;
- }
- reader = new FileReader();
- reader.onload = function(e){
- cb({file: files[i], event: e, id: i}, upload);
- if(files[++i]){ upload.drop(files,i) }
- };
- if(files[i]){ reader.readAsDataURL(files[i]) }
- }
- }
- upload.shrink = function(e, cb, w, h){ // via stackoverflow
- if(!e){ return cb && cb({err: "No file!"}) }
- if(e.err){ return }
- var file = (((e.event || e).target || e).result || e), img = new Image();
- img.crossOrigin = "Anonymous";
- img.src = file;
- img.onload = function(){
- if(img.width < (w = w || 1000) && img.height < (h||Infinity) && "data:" == file.slice(0,5)){
- e.base64 = file;
- return cb(e || file);
- }
- if(!h){ h = img.height * (w / img.width) }
- var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d');
- canvas.width = w;
- canvas.height = h;
- ctx.drawImage(img, 0, 0, w, h); // draw source image to canvas.
- var b64 = e.base64 = canvas.toDataURL(); // base64 the compressed image.
- cb((e.base64 && e) || b64);
- };
- }
- $.fn.upload = upload;
- }());
|