redgoose file uploader

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() }
	]
});