friendica/view/js/dropzone-factory.js

64 lines
2 KiB
JavaScript
Raw Normal View History

2023-03-15 04:47:20 +01:00
var DzFactory = function () {
this.createDropzone = function(element, target, maxImagesize) {
return new Dropzone( element, {
paramName: 'userfile', // The name that will be used to transfer the file
maxFilesize: maxImagesize, // MB
url: '/media/photo/upload?response=url&album=',
accept: function(file, done) {
done();
},
init: function() {
this.on('success', function(file, serverResponse) {
var _target = $(target)
var resp = $(serverResponse).find('div#content').text()
if (_target.setRangeText) {
//if setRangeText function is supported by current browser
_target.setRangeText(' ' + $.trim(resp) + ' ')
} else {
_target.focus()
document.execCommand('insertText', false /*no UI*/, ' ' + $.trim(resp) + ' ');
}
});
this.on('complete', function(file) {
var dz = this;
// Remove just uploaded file from dropzone, makes interface more clear.
// Image can be seen in posting-preview
// We need preview to get optical feedback about upload-progress.
// you see success, when the bb-code link for image is inserted
setTimeout(function(){
dz.removeFile(file);
},5000);
});
},
paste: function(event){
const items = (event.clipboardData || event.originalEvent.clipboardData).items;
items.forEach((item) => {
if (item.kind === 'file') {
// adds the file to your dropzone instance
dz.addFile(item.getAsFile())
}
})
},
});
};
this.copyPaste = function(event, dz) {
const items = (event.clipboardData || event.originalEvent.clipboardData).items;
items.forEach((item) => {
if (item.kind === 'file') {
// adds the file to your dropzone instance
dz.addFile(item.getAsFile())
}
})
};
this.setupDropzone = function(element, target, maxImagesize) {
var dropzone = this.createDropzone(element, target, maxImagesize)
$(element).on('paste', function(event) {
dzFactory.copyPaste(event, dropzone);
})
};
}