j-ImageUploader

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Едноставен компонент за изтегляне на рециклирани изображения. компонентът изтегли база64 според schema, дефиниран в options на повикване.

Методи:

imageuploader/upload(opt) показва диалог с файлове
- opt.width {Number}
- opt.height {Number}
- opt.background {String} е стандартна цвят на фона (NEW: поддържа стойността на transparent и изходът ще бъде .png)
- opt.url {String} important URL, където ще бъде изтеглена изображението
- opt.multiple {Boolean} поддържа няколко файла (предварително: false)
- opt.schema {String} дефолт { file: base64, name: filename }
- opt.quality {Number} дефолт 90
- opt.callback(response, errors) Връщане – важен
- opt.keeporiginal {Boolean} запазва оригиналния образ, ако размерът е същият като ширината/височината, определена в конфигурацията (предварително: false)
- NEW opt.files {FileList} опция (ако използвате например Drag & Drop)

Приятелски компоненти:

Този компонент работи с loading, когато файлът е изтеглен.

Използвайте го с <ui-component name="imageuploader">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

example.html

<ui-component name="imageuploader"></ui-component>
<div onclick="uploadphoto()">Click to upload</div>

<script>

	function uploadphoto() {
		var opt = {};
		opt.width = 200;
		opt.height = 200;
		opt.url = '/api/upload/base64/';
		opt.background = '#FFFFFF';
		opt.multiple = true;
		opt.callback = function(response, err) {
			console.log(response, err);
		};
		SETTER('imageuploader/upload', opt);
	}

</script>