var plug_preview = new RG_Uploader.core(document.getElementById('element_id'), {
	queue : {
		datas : 'data.json'
	},
	plugin : [
		{ name : 'preview', obj: new RG_Uploader.plugins.Preview() }
	]
});

<div class="rg-external-dropzone">external dropzone</div>

var dnd_basic = new RG_Uploader.core(document.getElementById('element_id'), {
	plugin : [
		{ name : 'dnd', obj: new RG_Uploader.plugins.DragAndDrop() }
	]
});

var plug_sizeInfo = new RG_Uploader.core(document.getElementById('element_id'), {
	queue : {
		datas : 'data.json'
	},
	plugin : [
		{ name : 'sizeInfo', obj: new RG_Uploader.plugins.SizeInfo() }
	]
});

var plug_changeQueueStyle = new RG_Uploader.core(document.getElementById('element_id'), {
	queue : {
		style : 'web',
		datas : 'data.json'
	},
	plugin: [
		{
			name: 'changeQueueStyle',
			obj: new RG_Uploader.plugins.ChangeQueueStyle({
				endChangeItem: function(app) {
					console.log('USER::endChangeItem', app.queue.items);
				}
			})
		}
	]
});

// install package
npm install sortablejs --save

import Sortable from 'sortablejs';

// skip option
new RG_Uploader.plugins.ChangeQueueStyle({
	class_sortable: Sortable
})

var plug_thumbnail = new RG_Uploader.core(document.getElementById('element_id'), {
	queue : {
		style : 'album',
		height : 240,
		datas : 'data.json',
		buttons : [
			{
				name : 'make thumbnail image',
				iconName : 'apps',
				className : 'btn-make-thumbnail',
				show : function(file) {
					return (file.type.split('/')[0] == 'image');
				},
				action : function(app, file) {
					if (!app.plugin.child.thumbnail) return false;
					var plug = app.plugin.child.thumbnail;

					plug.assignOption({ uploadScript : '' });
					plug.open(file);
				}
			},
			{
				name : 'remove queue',
				iconName : 'close',
				className : 'btn-remove-queue',
				action : function(app, file) {
					app.queue.removeQueue(file.id, false, true);
				}
			}
		]
	},
	plugin : [
		{ name : 'thumbnail', obj: new RG_Uploader.plugins.Thumbnail() }
	]
});

// install package
npm install croppie --save

import croppie from 'croppie';
import 'croppie/croppie.css';

// skip option
new RG_Uploader.plugins.ChangeQueueStyle({
	class_croppie: croppie.Croppie
})

var plug_changeQueue = new RG_Uploader.core(document.getElementById('element_id'), {
	queue : {
		height: null,
		datas : 'data.json'
	},
	plugin : [
		{
			name: 'changeQueue',
			obj: new RG_Uploader.plugins.ChangeQueue({
				endChangeItem : function(app) {
					console.log(app.queue.items);
				}
			})
		}
	]
});