j-FileUploader

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Prosty element do przesyłania plików. obsługuje automatyczne odtwarzanie obrazów.

__WYWIĄZANE: w jComponent v20 wartość opt.url musi być w formie POST /url/

Konfiguracja:

url {String} domyślny adres URL do przesyłania

Metody:

fileuploader/upload(opt) pokazuje dialog plików
- opt.url {String} important URL gdzie zostanie przesyłany obraz
- opt.callback(response, errors) {Function} - ważny zwrot
- opt.multiple {Boolean} obsługuje wiele plików (default: false)
- opt.progress(percentage) Funkcja
- Typ akceptowalny opt.accept {String} (default: */*)
- opt.prefix {String} prefix nazwa <input name="file{0}" (default: file{0})
- opt.files {FileList} opcjonalny (jeśli używasz np. Drag & Drop)
- opt.data {Object} Opcjonalne, dodatkowe dane osobowe key_string:value_string
- opt.width {Number} opcjonalny, szerokość obrazu
- opt.height {Number} opcjonalny, wysokość obrazu
- opt.background {String} opcjonalny, kolor tła zdefiniowany w HEX lub może być transparent
- opt.keeporiginal {Boolean} opcjonalny, zapobiega podwójnemu rezygnacji (default: false)
- opt.onlylarger {Boolean} opcjonalny, odtwarza obrazy tylko większe niż opt.width lub opt.height
- opt.base64 {String} opcjonalny, może zawierać ważny format dataURI (wymagany do wypełnienia opt.filename)
- opt.filename {String} opcjonalny, wymagany z pola opt.base64
- opt.quality {Number} opcjonalne, standardowe jakości JPEG (default: 90)
- Nowa wersja: opt.disproportionate {Boolean} Użyj opt.width lub opt.height Maksymalne wartości

Przyjazne komponenty:

Ten element działa z loading, gdy plik jest pobierany.

Użyj go z <ui-component name="fileuploader">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>