j-FileUploader

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

Прост компонент за изтегляне на файлове. Поддържа автоматично рециклиране на изображения.

В jComponent v20 стойността на opt.url трябва да бъде във формата на POST /url/.

Конфигуриране:

url {String} - URL адрес за изтегляне

Методи:

fileuploader/upload(opt) показва диалог с файлове
- opt.url {String} important URL, където ще бъде изтеглена изображението
- opt.callback(response, errors) {Function} Връщане – важен
- opt.multiple {Boolean} поддържа няколко файла (предварително: false)
- opt.progress(percentage) {Функция}
- Приемане на opt.accept {String} тип (предварително: */*)
- opt.prefix {String} - префикс на име <input name="file{0}" (предварително: file{0})
- opt.files {FileList} опция (ако използвате например Drag & Drop)
- opt.data {Object} опция, допълнителни персонализирани данни key_string:value_string
- opt.width {Number} опция, изображение ширина
- opt.height {Number} опция, изображение височина
- opt.background {String} е опционален, цветът на фона е дефиниран в HEX или може да бъде transparent
- opt.keeporiginal {Boolean} опционално, предотвратява двойното рецидиране (предварително: false)
- opt.onlylarger {Boolean} опционално, възпроизвежда изображения само по-големи от opt.width или opt.height
- opt.base64 {String} опционален, той може да съдържа валиден формат dataURI (необходим за попълване на opt.filename)
- opt.filename {String} е задължително, изисквано с полето opt.base64.
- opt.quality {Number} опционално, стандартно качество JPEG (предварително: 90)
- NEW: opt.disproportionate {Boolean} използва opt.width или opt.height като максимални стойности

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

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

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

example.html

<ui-component name="fileuploader"></ui-component>
<div class="exec link" data-exec="upload">Upload</div>

<script>
	function upload() {

		var opt = {};

		opt.url = '/api/upload/';

		// jComponent v20:
		// opt.url = 'POST /api/upload/';

		// opt.multiple = true;
		// opt.accept = 'text/*';

		opt.callback = function(response, err) {
			console.log(response, err);
		};
		opt.progress = function(percentage) {
			console.log(percentage);
		};

		SETTER('fileuploader/upload', opt);
	}
</script>