jQuery File Upload a Nette

Hledal jsem něco podobného pro fotogalerii.
Našel jsem jednodušší plugin (nevím jestli Ti bude stačit), ale implementace mi zabrala chvilku a dělá to defakto to samé.

Url: http://valums-file-uploader.github.io/file-uploader/

	public function handleUpload()
	{


		$www  =  $this->presenter->context->parameters["wwwDir"];
		$www .=  '/storage/upload/';



		$uploader = new \qqFileUploader();
		$result = $uploader->handleUpload($www);


		$this->sendResponse(new Nette\Application\Responses\JsonResponse($result));
	}

<div id="file-uploader-demo1">
	<noscript>
		<p>Please enable JavaScript to use file uploader.</p>
		<!-- or put a simple form for upload here -->
	</noscript>
</div>

<div class="qq-upload-extra-drop-area">Drop files here too</div>

<script src="{$basePath}/assets/uploader/fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file-uploader-demo1'),
           ** action: {link upload!},**
            onComplete: function(id, fileName, responseJSON)
            {
            	console.log(id);
            	console.log(fileName);
            	console.log(responseJSON);
            },
            debug: true,
            extraDropzones: [qq.getByClass(document, 'qq-upload-extra-drop-area')[0]]
        });
    }

    // in your app create uploader as soon as the DOM is ready
    // don't wait for the window to load
    window.onload = createUploader;
</script>

@Tirus91 a co ti v tom brání? :) Si jen přidej tu „svou logiku“ do té metody, která ty uploadované soubory ukládá/zpracovává. Do toho inicializačního Javasciptu uploaderu si mužeš předat i parametr typu id_kategorie do které daný soubor patří atd.

Jen pozor na jednu věc u těchto custom řešení/uploaderů – již se to tady na fóru několikrát řešilo – pokud daný uploader používá pro browsery bez HTML5 supportu flashovou instanci + upload probíhá u zalogovaného uživatele, tak je třeba v Nette ošetřit i session_id – jinak to vede k tomu, že hned po prvním uploadovaném souboru se uživatel odhlásí a upload potom nefunguje. Jedno z vláken, kde se tato problematika řešila je toto: https://forum.nette.org/…fy-chyba-303 (ale je jich tu více) – nebo se můžete podívat do addonu MultipleFileUpload, jak se to řeší tam: https://github.com/…leUpload.php#L92

Tirus91 napsal(a):

Tak něco takového akorát taky řeším. Toto mi asi vyřeší úplně vše. Ovšem já potřebuju uložit uploadované soubory po svém. (potřebuju změnit velikosti, vytvořit náhledy, zapsat do DB, apod..)

Tak tohle si pak uděláš v metodě pro zpracování, mě jde spíš i o to, zda to někdo už zkoušel popřípadě rozchodil.

Přemýšlím, že řešení bez použití formu možná bude asi nejlepší…

Vůbec mě nenapadá jak to s formem spojit…

Však jo, samotnou komponentu jen na upload a s formem nic společného…

@wicked
tak jsem to zkusil a pro každý obrázek, to posílá celý formulář. Tudíž by to mělo jít provázat s normálním formulářem Nette ;)

jen co mi tam zatím chybí, je využítí snippetů, zkusil jsem si invalidovat něco a nepřekreslilo se mi to

Editoval Tirus91 (12. 9. 2014 11:05)

Tak nemusí 2x…

Já to mám tak, že v metodě pro zpracování formu, se nejdříve ověří a uloží data a potom pokud bylo vše ok zpracovávám obrázky, vše v jedné funkci voláne po odeslání formu

Tak co, rozchodil to někdo? :)