jQuery-FileUpload, snadný upload souborů

@JZechy
zkusil bys tuto funkci zaintegrovat do verze 2. ?
Pro upload velkých souboru a resume při chybě by se toto hodilo.

Ahoj @JZechy , začínám používat tvůj uploader, ale trochu v tom plavu… Má to takto:
v neon mám:

extensions:
	fileUpload: Zet\FileUpload\FileUploadExtension

fileUpload:
	maxFileSize: 10M
	uploadModel: Model\UploadFilesRepository
	uiMode: full # full nebo minimal

services:
	authenticator: Authenticator
...
...
...
	- Model\UploadFilesRepository
	- App\RouterFactory
	router: @App\RouterFactory::createRouter

v App/Model/UploadFilesRepository.php mám:

namespace Model;

use Nette;
use Zet\FileUpload\Model;

class UploadFilesRepository extends Nette\Object implements \Zet\FileUpload\Model\IUploadModel {

    public function __construct() {

    }

    /**
     * Zpracování požadavku o smazání souboru.
     * @param $uploaded Hodnota navrácená funkcí save.
     */
    public function remove($uploaded) {


    }

    /**
     * Zpracování přejmenování souboru.
     * @param $upload Hodnota navrácená funkcí save.
     * @param $newName Nové jméno souboru.
     * @return mixed Vlastní návratová hodnota.
     */
    public function rename($upload, $newName) {

    }

    /**
     * Uložení nahraného souboru.
     * @param \Nette\Http\FileUpload $file
     * @param array $params Pole vlastních hodnot.
     * @return mixed Vlastní navrátová hodnota.
     */
    public function save(Nette\Http\FileUpload $file, array $params = array()) {
        $file->move("../upload_files/". $file->getSanitizedName());
    }

}

v presenteru v generování formuláře:

form->addFileUpload("uploader");

Upload mi funguje ale nevím jak rozchodit mazání – při kliku na button pro smazání souboru se odesílá jen nějaké id souboru (1,2,3) a remove() se nezavolá – jak udělat mazání když v metodě save() např. vygeneruji nějaký identifikátor souboru který uložím do DB?

Tedy když např uploaduju 3 soubory, při uložení uložím v save() do DB soubory které dostanou identifikátory xxx,yyy,zzz které potřebuji vrátit a třeba uložit do session a pak jak třeba např. smazat soubor yyy?

Druhý problém je, že se mi někdy stane, že při uploadu více souboru je u některých button pro mazání zašedlý (přitom se soubory nahrály).

díky za nakopnutí

díky za odpověď, jdu to vyzkoušet…

Co se týče nedokončeného uploadu, tak např. teď jsem zkoušel nahrát jen doc soubory a z 5 se nahrál jen jeden, 3 ukazovali 100% ale nenahrály se a jeden neměl ani procento.

Jeden se správně nenahrál – měl větší velikost než je nastavená, ale ostatní měli jen pá KB. Díky

Edit: zkusil jsem znova upload bez jakékoliv změny v kodu/konfigurace a soubory se nahrály, tak nevím proč se to děje. Zjistil jsem ale, že když je chci ručně ve win. smazat, tak to chce oprávnění správce…

Edit2: Tak save() i remove() už mi funguje – díky, teď už jen vyřešit tu záhadu proč se občas nenahraje soubor – když je soubor např. moc velký, tak se chyba zobrazí, ale v tomto případě se nezobrazí chyba nikde, soubor ukazuje 100%, button na mazání je zašedlý a ve složce nic není.

Edit3: Aha, tak jsem zjistil, že se soubor nakonec nahraje, ale někdy mu to trvá – progress je na 100%, button je zašedlý a třeba za 15 sekund se button aktivuje a soubor se objeví ve složce

Editoval n.u.r.v. (23. 2. 2017 9:30)

@n.u.r.v. Tak tohle vidím prvně… Ale tohle se bude odvíjet od nastavení tvého localu.

Prvně musím říct, pěkná komponenta!

Včera jsem ji našel a v pohodě rozchodil až na nějaké detaily.

Jen se mi nepodařilo zjistit, zda je možné vypnout možnost přejmenování souboru po nahrání ve full view.
Případně, lze nastavit co se zobrazuje jako název souboru, abych tam nezobrazoval příponu souboru?
Díky

JZechy napsal(a):

@tkotasek Vypnutí možnosti přejmenovat k dispozici zatím není, stejně jako zobrazit název bez přípony. Můžeš to ale na GH založit jako issue, případně když si budeš chtít dát tu práci, tak jako PR :)

Zkusím se v tom zorientovat a kdyžtak poslat PR.
Jen jsem si chtěl potvrdit, že neobjevuju kolo, které jenom nevidím.
Dík

@tkotasek Je to uvedené jako závislost composeru :)

Čau,
kolik by stálo námahy/času přepsat plugin na podporu php 5.4? Nechci to po tobě, přepíšu si to sám, jen mě zajímá kolik tam je toho použito z php 5.6 a jestli to ovlivňujou nějaký bugy v php5.4.
Umí plugin filtrovat typ souboru už v upload okně? Tzn. chci umožnit uživatelovi výběr jen mezi soubory *.txt.

@JZechy ok, těch změn pro 5.4 asi teda nebude moc.

Co říkáš na to filtrování na straně klienta? Podle pluginu by to mělo být jen otázka nastavení reguláru
https://github.com/…wiki/Options#…

Jinak koukám, že máš assety ve src složce, to by asi nemělo bejt ne? Taky by bylo dobrý vyházet ten bordel od toho pluginu možná.

Mám poslat PR?

Ahoj, asi jednoduchý dotaz potřeboval bych po úspěšném nahrání souboru spustit nějaký kód js „onFileUploaded(filename)“ – nikde jsem to nenašel, přitom to asi bude jen parametr. JN

Ahoj, Pokud přidávám tento form extension v cyklu
pomocí https://github.com/…msReplicator
Kde měním její „name“. Nedaří se.
Dovolí přidat jen jednu komponentu.
Tj. na stránce (např. taby) lze využít jen jeden fileupload?

$this->addFileUpload(„uploader“);

Nebo je řešení jiné?
Rád bych měl více file uploadů (např. taby atp – v rámci jednoho formuláře)

Nějaké jednoduché řešení?

Component with name ‚uploadController‘ already exists.

I přes to že do name dávám unikátní.

Tj. pokud přidávám komponentu x krát v cyklu pomocí https://github.com/…msReplicator
je vyzkoušené?

JZechy napsal(a):

@pitr82 S chunk uploadem se totiž pracuje dosti odlišně… A to na to není uploader připravený.

JZechy napsal(a):

@pitr82 Připíšu, ale nečekal bych to zase během následujících prvních verzích. Navíc, když jsem viděl ukázkový script jak na to… :D

@JZechy Ahoj,
pokročilo se v tomhle směru někde ?

Editoval pitr82 (20. 6. 2017 13:06)

Zdravím jsem začátečník s Nette a zkouším rozchodit tuto komponentu. Bohužel se mi nedaří, zobrazí se mi jiný formulář než je uveden v demu (https://ctrlv.cz/…/16/6nLx.png), asi zřejmě proto že používám bootstrap. Ale stejně mi nefunguje ani upload (nezobrazí se chybové hlášky a samotný upload souboru ani neproběhne). Jakoby ty JS scripty nefungovaly při tom v šabloně @layout mám vloženo :
{\Zet\FileUpload\FileUploadControl::getHead($basePath)}
{\Zet\FileUpload\FileUploadControl::getScripts($basePath)}

Můj Model upload:

<?php

namespace Model;

use Nette;
use Zet\FileUpload\Model;

class UploadFilesRepository extends Nette\Object implements \Zet\FileUpload\Model\IUploadModel {

    public function __construct() {

    }

    /**
     * Zpracování požadavku o smazání souboru.
     * @param $uploaded Hodnota navrácená funkcí save.
     */
    public function remove($uploaded) {


    }

    /**
     * Zpracování přejmenování souboru.
     * @param $upload Hodnota navrácená funkcí save.
     * @param $newName Nové jméno souboru.
     * @return mixed Vlastní návratová hodnota.
     */
    public function rename($upload, $newName) {

    }

    /**
     * Uložení nahraného souboru.
     * @param \Nette\Http\FileUpload $file
     * @param array $params Pole vlastních hodnot.
     * @return mixed Vlastní navrátová hodnota.
     */
    public function save(Nette\Http\FileUpload $file, array $params = array()) {
        $file->move("../upload_files/". $file->getSanitizedName());
    }

}

Můj Config.neon:

parameters:


application:
  errorPresenter: Error
  mapping:
    *: App\*Module\Presenters\*Presenter


session:
  expiration: 14 days

extensions:
  fileUpload: Zet\FileUpload\FileUploadExtension

fileUpload:
  maxFiles: 10
  maxFileSize: 2M
  fileFilter: Zet\FileUpload\Filter\ImageFilter
  uploadModel: App\Model\UploadFilesRepository
  uiMode: full

services:
  router: App\RouterFactory::createRouter
  authenticator: App\Model\Authenticator
  - App\Model\Users

Můj presenter + šablona:

<?php

namespace App\Presenters;

use Nette;
use Nette\Application\UI\Form;


class UploadvideoPresenter extends Nette\Application\UI\Presenter
{

    protected function createComponentFileUpload()
    {
        $form = new Form;
        $form->addFileUpload("uploader");


        return $form;
    }



}


{block content}
<div class="container">
<h1>Nahrání videa</h1>

{control fileUpload}

</div>
{/block}

Děkuji za jakoukoliv pomoc.

Editoval dkoleckar (16. 7. 2017 21:30)

Jo o tom filtru na obrázky vím, zatím ho tam mám jen na zkoušku… V konzoli je spousta erorů https://ctrlv.cz/…/17/wClp.png

Ano máš pravdu, měl jsem ho špatně vložené… Už vše funguje… Jen se ještě optám, lze nějak udělat to aby se soubor smazal pokud uživatel neklikne na tlačítko odeslat ve formuláři (je to situace kdy uživatel vyplnuje formulář a v jeho průběhu se na server nahraje daný soubor avšak potom si to uživatel rozmyslí a například zavře okno prohlížeče, ovšem soubor zůstane…) ??

A ještě bych se chtěl zeptat, jelikož budu nahrávat video soubory (ty budou mít větší velikost např. 500MB) tak jak uploader zpracuje situaci kdy v průběhu nahrávání se přenos přeruší (například uživatel zavře okno prohlížeče) jde mi o to aby na serveru nezůstával nějaký bordel například v cache…

Lze nějak smazat ten label „uploader“ ??

Díky

Editoval dkoleckar (17. 7. 2017 20:54)

Ahoj, mám takový dotaz ohledně lokalizace. Docela mě to teď brzdí. Doplňek se mi líbí, jen ta čeština jě mi tam k ničemu :-(
Navíc nejsem úplně odborník na JS. Ale nedalo by se nějak jednoduše změnit hlášení třeba přes FileUploadController.messages = [‚Message 1‘, ‚Message 2‘]; ?
Nebo něco jednoduchého do doby, než to bude implementováno trochu obecněji (nevím, jak to plánuješ, osobně bych preferoval Nette Translator, ať to mám všude stejné a vůbec nejlépe, kdyby to bylo součástí FileUploadControl ;-) ).

Ahoj, rad by jsem se zeptal, jak si muzu vytvorit vice ruznych definici pro upload. Rekneme, ze v jednom presenteru budu chtit nahravat jen obrazky a v jinem zase jen videa.

EDIT: Jen by jsem rad doplnil, ze mi nejde jen o filtrovani, ale treba i o definici ruznych upload modelu atd. Tj., potrebuji pouzit uploader na vice mistech aplikace, ale vzdy uplne jinak.

EDIT2: Uz to asi mam, podival jsem se do zdrojaku a vypada to, ze vse muzu od hoc nastavovat primo pri definici control ve formulari.

Editoval iguana007 (28. 7. 2017 16:15)

JZechy napsal(a):

@iguana007 Zadáváná nastavení v konfiguráku jsou jenom výchozí. Aktuálně není lepší možnost, než na jednotlivá nastavení použít settery.

jj zrovna jsem pridal EDIT2, diky ;)

@dkoleckar vcera jsem addon poprve nasazoval a tipnul bych si, ze by to melo byt nasledovne:

1. Nejdrive si soubory ulozis nekam na server s pomoci modelu a metody save, ktery definujes pro zpracovani daneho controlu
2. Po odeslani formulare, se ti vola metoda, kterou definujes u onSubmit callbacku u formulare
3. V te metode, se ti u $form->getValues vrati seznam souboru, ktere se nahraly, tak uz je muzes dotacne zpracovat/prejmenovat, tak jak potrebujes ;)

@dkoleckar jak píše @iguana007 :)

@d3tr1tus Hlásí něco konzole v prohlížeči?

@d3tr1tus Ukaž kody jak to máš implementované.

@d3tr1tus Takhle to vypadá v pořádku… A jak máš uploader zaregistrovaný? Případně zkus třeba do upload modulu dát debugger log, jestli se tam něco stane nebo ne.

@d3tr1tus Nemáš od někad ty CSSka přetlučený jinýma? Jinak mě opravdu už nic nenapadá v tomhle případě. Tak jak to máš by to mělo frčet.

Ahoj, chtěl jsem nastavit maximální počet uploadovaných souborů pomocí setMaxFiles(25); Ale nic to nedělá, když jsem se pak podíval do kódu tak opravdu se jen nastaví proměnná a předá do template, ale v samotném template je js zakomentovaný a když to odkomentuju tak to vypisuje několik chyb do konzole (neexistující proměnné apod…)?

Pokud tedy aktuálně není možné nastavit maximální počet souborů, tak by se to mělo z dokumentace odstranit, v opačném případě napsat jak to použít. Díky

p.s.: Hodila by se funkce pro nastavení maximální velikosti všech uploadovaných souborů, aby user mohl třeba uploadovat max. 50MB dat apod..