Mirroristas/gun
2
0
Fork 0
mirror of https://github.com/amark/gun.git synced 2025-10-14 00:59:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

uploads

Browse Source
This commit is contained in:
Mark Nadal 2020-05-23 23:30:26 -07:00
parent 47a841fbcd
commit bcad8f7ef3
2 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
examples/basic/upload.html
View File

@ -1,10 +1,12 @@
<!DOCTYPE html>
<center>
<div class="model" style="display: none;">
<video width="100%" controls autoplay></video>
<audio width="100%" controls autoplay></audio>
<img style="max-width: 100%;">
<p>Drag & drop videos, songs, or images to upload!</p>
</div>
<center>
Drag & drop videos, songs, or images! <input type="file" multiple>
</center>
<script src="../jquery.js"></script>
@ -19,16 +21,16 @@ $('html').upload(function resize(eve, up){
return up.shrink(eve, resize, 1024);
}
var b64 = (eve.base64 || ((eve.event || eve).target || eve).result || eve);
gun.get('test').get('paste').put(b64);
})
gun.get('test').get(eve.id).put(b64);
});
gun.get('test').get('paste').on(function(data){
$('video, audio, img').css({display: 'none'})
gun.get('test').map().on(function(data){
if(!data){ return }
var type = data.split(';')[0], ui;
if(type.indexOf('image') + 1){ ui = $("img") }
if(type.indexOf('video') + 1){ ui = $('video') }
if(type.indexOf('audio') + 1){ ui = $('audio') }
($(ui).css({display: 'block'}).get(0)||{}).src = data;
if(type.indexOf('image') + 1){ ui = $("img").get(0) }
if(type.indexOf('video') + 1){ ui = $('video').get(0) }
if(type.indexOf('audio') + 1){ ui = $('audio').get(0) }
if(!ui){ return }
$(ui).clone().prependTo('center').get(0).src = data;
})
</script>

13
lib/upload.js
View File

@ -1,11 +1,15 @@
;(function(){
function upload(cb, opt){
var el = $(this); cb = cb || function(){}; opt = opt || {};
var el = $(this); cb = cb || function(){};
opt = $.isPlainObject(opt)? opt : {input: opt};
el.on('drop', function(e){
e.preventDefault();
upload.drop(((e.originalEvent||{}).dataTransfer||{}).files, 0);
upload.drop(((e.originalEvent||{}).dataTransfer||{}).files||[], 0);
}).on('dragover', function(e){
e.preventDefault();
e.preventDefault();
});
$(opt.input||el).on('change', function(e){
upload.drop((e.target||this||{}).files, 0);
});
upload.drop = function(files,i){
if(opt.max && (files[i].fileSize > opt.max || files[i].size > opt.max)){
@ -20,6 +24,7 @@
};
if(files[i]){ reader.readAsDataURL(files[i]) }
}
return this;
}
upload.shrink = function(e, cb, w, h){ // via stackoverflow
if(!e){ return cb && cb({err: "No file!"}) }
@ -37,7 +42,7 @@
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.
var b64 = e.base64 = canvas.toDataURL(); // base64 the shrunk image.
cb((e.base64 && e) || b64);
};
}