jQuery-FileUpload, snadný upload souborů

Je možné nastavit filtraci souborů (typů a případně i počtu) přímo v průzkumníkovi? Tedy že se otevře okno pro výběr souborů a již zde je nastavena filtrace dejme tomu třeba jen na pdf.

UPDATE

Po trošku delší pauze jsem se vrátil k vývoji verze 2. Konkrétní datum zatím sice neslibuji, ale když vše půjde dobře, první beta by mohla být k dispozici během víkendu :)

Editoval JZechy (22. 9. 2017 15:51)

@JZechy Super práce,
těším se na betu2, až budou všechny FEATUREs hotové.

Na pátek 13. vychází 13. release, snad nebude i tak smolný :-). Verze 2.0.0-beta2.

• Lze lokalizovat javascriptové hlášky uploaderu. Přidán jak setter, tak i položka do konfigurace.
• Lze přidávat výchozí soubory.
• Dle issue #27 Přidán setter a položka konfigurace pro nastavování vlastních hodnot pro konfiguraci blueimpova uploaderu.

Všechny změny verze 2.0.0 shrnuty na wiki.

Ahoj,
@JZechy díky za super práci.
Můžeš na github umístit SandBox s verzí 2.
Díky

JZechy napsal(a):

@pitr82 Tenhle týden budu aktualizovat demo na novou verzi, tak pak nahraji :)

Super,
jestli tam ukážeš co nejvíce features, bude jen dobře :-)

@TomášBrchaň Ahoj, můžeš využít callbacků, které nabízí blueimpovo javascriptová komponenta.

@Mart78 Ahoj, nahodil jsem menší hotfix verzi 2.0.0-beta4. Teď už by ti to vyhazovat výjimku nemělo. Teda v případě, že jej nedáš do configu, s tím si budu muset ještě pohrát :).

Editoval JZechy (30. 11. 2017 10:07)

Můžeš se ještě prosím mrknout na controller.js? Po uploadu souboru mi js konzole vyhazuje chybu Uncaught TypeError: Cannot read property 'appendChild' of null na řádku 132.
V třídě renderu mám metodu init takovou:

	public function init() {
		parent::init();

		// nasledujici elementy nepotrebuji
		$this->elements["globalProgressValue"] = null;
		$this->elements["fileProgressValue"] = null;
		$this->elements["fileProgress"] = null;
		$this->elements["globalProgress"] = null;
		$this->elements["fileProgress"] = null;
		$this->elements["filePreview"] = null;
		$this->elements["filename"] = null;

		$this->elements["imagePreview"] = Html::el("img"); // nutné, jinak JS vyhazovalo že je element null
		$this->elements["container"] = Html::el("div"); // nepomaha, stale JS vyhazuje null
		$this->elements["input"]->setAttribute('id', 'dalsiobrazky')->setAttribute('name', 'anotherImageFile');
		$this->elements["delete"]->addAttributes([
			"class" => "fileupload-delete-button"
		])->setHtml("×");
	}

EDIT: už jsem na to přišel, sry za zbytečný post. Metoda buildDefaultTemplate() musí vracet element container.

Editoval Mart78 (30. 11. 2017 15:33)

@BuMoRi Ahoj,

1. Můžeš se podívat na již existující Renderery v základu.
2. Použij {input uploader} pro vykreslení uploaderu. To, jak bude vykreslen si právě určíš tím Rendererem.

@BuMoRi bud přidat do configu renderer: Zet\FileUpload\Template\Renderer\Bootstrap3Renderer, nebo přes setter napíšeš setRenderer(Bootstrap3Renderer::class)

Ahoj, poradil by mi prosím někdo s nastavením?

<?php
	$form = new Form();
	/** @var FileUploadControl $upload */
	$upload = $form->addFileUpload('uploader');
	$upload->setRenderer(Bootstrap4Renderer::class);
	$upload->setMaxFileSize('1M');
	$upload->setMaxFiles(2);
	$upload->setUIMode(FileUploadControl::UI_MINIMAL);
?>

Funguje mi akorát setRenderer.
SetMaxFileSize také funguje, ale vždy zahlásí „Maximální velikost souboru je 2MB.“. Dle dokumentace nastavit chybovou hlášku přes maxSize. Netuším kde a jak, v configu? To se mi nepodařilo.
SetMaxFiles mi nefunguje, uploader nahrává neomezený počet souborů.
SetUIMode: hned tracy vyhodí chybu Undefined class constant ‚UI_MINIMAL‘.

JZechy napsal(a):

Když zkusíš maxFileSize a maxFiles nastavit přes config?

maxFileSize v configu funguje, maxFiles ne, nahrává se mi libovolný počet obrázků

Ahoj, používal jsem jen beta4 od začátku. Zkusím teda 5, díky.

@BuMoRi Máš i řádně zadaný do stránky všechny skripty?

@BuMoRi Tak zkusit se má vše :). Napadá mě maximálně, jestli ti to ještě nepíše nějakou chybu do konzole, jinak nevím, jak ten error obcházíš v tom případě.

Tak možná nějak úplně blbě chápu jak to má fungovat… Jakej error myslíš? Já si zadám třeba že chci nahrát max 3 soubory, vyberu 4 a všechny se mi nahrajou a uložej. Bez erroru.

Aha, no vida :). Je to tak, při jednotlivém vybírání omezení funguje.

Ahoj @JZechy ,
máš někde odkaz na Sandbox ?

JZechy napsal(a):

@pitr82 Tenhle týden budu aktualizovat demo na novou verzi, tak pak nahraji :)

@JZechy :-) rozumím. Jsi schopen ho v blízké budoucnosti nahodit ? :-)

JZechy napsal(a):

@pitr82 Jsem hříšník… Ten mi stále visí rozdělanej bokem.

Edit:
Jde mi o translator a jeho implementaci.
Resp. jak nejlepe překládat defaultní texty: Nahrát soubor, Soubor, Stav, když používám defaultní Renderery.

Editoval pitr82 (22. 1. 2018 13:49)

@JZechy takže musím vytvořit vlastní renderer s implementací translatoru?

Edit: Zkoušel jsem nahrát více souboru a nezabralo omezení, Vidím, že na to máš ISSUE…

Editoval pitr82 (23. 1. 2018 8:22)

@JZechy
Nevidím nikde element pro přejmenování souboru.

@JZechy Ahoj prosim ta mas aj vykreslovanie uploadnuteho obrazku? Alebo nato musim pouzit iny plugin? Diky.

nettak2 napsal(a):

@JZechy Ahoj prosim ta mas aj vykreslovanie uploadnuteho obrazku? Alebo nato musim pouzit iny plugin? Diky.

Ja si tento uploader zkombinoval s https://ublaboo.org/image-storage/

@nettak2 Klasicky do složky, do DB pouze cestu.

Editoval JZechy (26. 2. 2018 11:37)