Redgoose File Uploader Editor Examples
textarea & image elements
You can insert file information into a textarea or any other elements.
textarea
image area
var plug_editor = new RG_Uploader.core(document.getElementById('comp_editor'), {
queue : {
datas : 'data.json',
buttons : [
{
name : 'open file',
iconName : 'open_in_new',
className : 'btn-open-file',
action : function(app, file) {
console.log('action : open file');
window.open(file.src);
}
},
{
name : 'insert editor',
iconName : 'center_focus_strong',
className : 'btn-insert-editor',
action : function(app, file) {
var $textarea = $('#target_textarea');
var $figure = $('#target_image');
var src = ((/^data:/g).test(file.src)) ? file.name : file.src;
$textarea.val($textarea.val() + ' [' + src + ']');
$figure.append('<img src="' + file.src + '" alt="' + file.name + '">');
}
},
{
name : 'remove queue',
iconName : 'close',
className : 'btn-remove-queue',
action : function(app, file) {
app.queue.removeQueue(file.id, false, true);
}
}
]
},
plugin : [
{ name : 'preview', obj : new RG_Uploader.plugins.Preview() },
{ name : 'dnd', obj : new RG_Uploader.plugins.DragAndDrop() },
{ name : 'sizeInfo', obj : new RG_Uploader.plugins.SizeInfo() },
{ name : 'changeQueueStyle', obj : new RG_Uploader.plugins.ChangeQueueStyle() }
]
});