jQuery-FileUpload, snadný upload souborů

Šla by udělat instalace skrze extension v configu?

Taktéž jsem se ještě nedíval do zdrojů, tak nevím co přesně běží na pozadí

{\Zet\FileUpload\FileUploadControl::getHead($basePath)}
{\Zet\FileUpload\FileUploadControl::getScripts($basePath)}

Ale šel by tento krok vynechat a načítat si css + js jinak? Používám webloader, takže není problém loadovat zdroje z composeru.

Editoval Lexi (7. 10. 2016 19:12)

@JZechy Tak nějak jsem nepochopil to tlačítko „odeslat“ v demo ukázce. Samotný upload probíhá již při vybrání souborů, ne? V součastnosti řeším komponentu, která by mi nahrávala obrázky, ke kterým bych mohl ještě po uploadu řešit dodatečná data, jako: pořadí, title, … Dá se to rozšiřovat?

nemá to být spis
{\Zet\FileUpload\FileUploadControl::getStyleSheet($basePath)}
misto getHeads?

jsem si vcera nevsiml ze je tam nová verze a stara moc nefungovala tak jsem to vzdal. ted jsem zkusil tu novou a vypada to paradne a funkcne.
díky!

@JZechy Pěkná komponenta. Můžeš to demo hodit jako sandbox na Github. Rád bych se podíval, jak jsi řešil vlastní template pro fileUploader.

@JZechy a jak jsi rucne vyrenderoval komponentu?. Defaultne se renderuje v tabulce s labelem.

@JZechy Ještě jeden dotaz.
Teď jsem řešil proč mi nejdou odesílat velké soubory na server. Měl jsem nastaven limit na 2000M.
Ale nekontroluje se nikde direktiva: post_max_size, ta byla nastavena na menší, než soubory.
Padalo to tady: UploadController.php:118
Samozřejmě nedostal soubor.

Zdravim chlapi,

Mozno sa budem pytat blbo za co sa vopred ospravedlnujem ale uz si nejak neviem rady.

Pouzil som tento Zechyho plugin .. je fajn no problem mi nastava ked chcem uz riesit samotny upload.

Pre upload pouzivam resp. chcem pouzivat ondrs/upload-manager (https://github.com/…load-manager)

Vytvorim si komponentu v presenteri:

	function createComponentFileUpload() {
		$form = new Form;
		$form->addFileUpload("uploader");
		$form->addSubmit('save')
			->setAttribute("class", "btn btn-primary");

		$form->onSuccess[] = [$this, "processUpForm"];

		return $form;
	}

v sablone si ju zavolam:

{control fileUpload}

v metode processUpForm si zavolam spominany upload-manager ktory by mal osluzit samotny upload suborov podla nastaveni:

/** @var ondrs\UploadManager\Upload @inject */
public $upload;

$this->upload->filesToDir("/");

tato metoda „filesToDir“ si sama zistuje nahrane subory tymto sposobom cez httpRequest:

/** @var Nette\Http\IRequest */
private $httpRequest;

$this->httpRequest->getFiles()

a tu je ten problemovy bod kedy vlastne tento httpRequest vracia NULL .. a neviem preco .. ako keby samotny fileUpload neulozi nahrane subory?

kazdopadne skusal som samorejme aj priamo v processe po odoslani FORMu pouzit $values->uploader co vrati model v metode save() → tam sa subor sice nachadza ale ked si ho posuniem do upload-managera tak sa mi objavi chybova hlaska:

file_get_contents(/tmp/phplpJs2X): failed to open stream: No such file or directory

to zase vyzera ako keby fileUpload neukladal nahrate subory ani do tempu alebo co .. ?

viete mi prosim vas niekto poradit co robim zle?

dik vopred

Editoval naSkladeNemame (19. 1. 2017 11:14)

JZechy napsal(a):

@naSkladeNemame FileUpload s těmi soubory nic extra nedělá, také si prostě vytáhne z requestu nahrané soubory. Upřímně si mě teď trochu dostal, protože netuším, proč tohle nefunguje*.

Koukal jsem ale na ten upload-manager a nejjistější bude, když si ten upload-manager vložíš do svého UploadModelu a v save zavoláš jeho metodu singleFileToDir($pathToDir, $file).

to som tiez samozrejme skusal:

/** @var Upload @inject */
public $upload;

public function save(FileUpload $file) {
	$this->upload->singleFileToDir("images/uploads", $file);
	return $file;
	}

skonci opat chybou:

Call to a member function singleFileToDir() on null

nechapem tomu

* Leda že bys to možná volal až po odeslání formuláře, tam už totiž možná reference na ten soubor nebude, protože formulářem už se $_FILES neodesílá.

no hej $this->upload->filesToDir() som volal az v processe po odoslani FORMu .. kde by som to podla teba mal volat teda?

Editoval naSkladeNemame (19. 1. 2017 12:10)

@naSkladeNemame Od toho máš ten UploadModel, protože upload probíhá asynchroně, když na to příjde, ono ani není nutné ten formulář vůbec odesílat.

Ve chvíli, kdy tam vybereš soubor, se začne odesílat, to se přes vnitřní controller uploaderu dostane až do toho upload modelu, kde se předává aktuálně nahrávaný soubor.

Tudíž, když odesíláš formulář, máš už tam pouze hodnoty uploaderu, tedy to, co si vracíš ze save. A zřejmě, jak ses přesvědčil, už temp fily dávno neexistují v tuhle chvíli.

@naSkladeNemame Teoreticky, když ten GET nastavíš už stránce, na které se uploader nachází, tak by si asi controller zvládl vygenerovat URL pro upload s tímto parametrem.

Otázka ale je, je zrovna nutné mít to v GET parametru?

@kralik

	/**
	 * Uložení nahraného souboru.
	 * @param \Nette\Http\FileUpload $file
	 * @return mixed Vlastní navrátová hodnota.
	 */
	public function save(\Nette\Http\FileUpload $file) {
		$uploadedId = $this->fileService->saveUploadedFile($file, $this->user->getId());

		return $uploadedId;
	}

Ve fileService:

	/**
	 * @param \Nette\Http\FileUpload $file
	 * @param int $uploaderId
	 * @return int
	 */
	public function saveUploadedFile(\Nette\Http\FileUpload $file, $uploaderId) {
		$newFileName = $this->generateRandomFileName();
		$path = $this->getFileFullPath($newFileName);
		$path = $path . "/" . $newFileName;
		$file->move($this->fileDirectory . "/" . $path);

		$filename = explode(".", $file->getName());
		$extension = $filename[ $lastIndex = count($filename) - 1 ];
		unset($filename[ $lastIndex ]);
		$filename = implode(".", $filename);

		$entity = new \Model\Content\File();
		$entity->uploader = $this->orm->user->getById($uploaderId);
		$entity->name = $filename;
		$entity->extension = $extension;
		$entity->filepath = $path;
		$entity->status = $entity::STATUS_UNFINISHED;
		$this->orm->file->persistAndFlush($entity);

		return $entity->id;
	}

Ale takhle ti tady můžu postovat polovinu svého projektu, jak to tam používám a moudrý z toho být nemusíš… Lepší bude, když povíš, co ti nejde nebo s čím máš problém :)

@kralik Myslím, že aktuálně to jinak nepůjde o moc líp, než ten formulář zkrátka odeslat a předat si ID do něj.

Nicméně můžeš zkusit si do Modelu vložit Nette Request a zjistit, zda v GETu není parametr ID. Pokud je tam v rámci action/render presenteru, tak by ho controller neměl z odkazu pro odeslání odstranit.

Jinak to asi vypadá, že to bude chtít vyrobit možnost přidávat k odeslání vlastní parametry :).

edit: tak to asi nejde použít

Bez znalosti pluginu…

class AbcPresenter extends Presenter
{
	/** @var int @persistent */
	public $id;
	private $model;
	private $formFactory;

	public function actionDefault($id)
	{
		$this->id = $id;
	}
	protected function createComponentForm()
	{
		$form = $this->formFactory->create();
		$form->onSuccess[] = function($form, $values) {
			$this->model->save($this->id, $values);
		};

		return $form;
	}
}

Editoval CZechBoY (30. 1. 2017 10:56)

Rád si doplním znalosti. Myslel jsme, že bys mi mohl pomoci, když jsem na svoji neznalost narazil právě tady.
A rád bych se přiučitl zcela na tomto konkrétním případě, než aby hledal v dokumentaci Nette.

config.neon

<?php
...
extensions:
	fileUpload: Zet\FileUpload\FileUploadExtension
	uploadModel: App\Model\UploadModel
?>

vlastní model

<?php
namespace App\Model;

use Nette,
    Nette\Diagnostics\Debugger;

/**
 * Provádí ukládání fotografií na server
 */
class UploadModel extends Nette\Object
{
	/** @var \Nette\Http\Request */
	protected $httpReq;

	public function __construct(\Nette\Http\Request $httpReq) {
            $this->httpReq = $httpReq;
	}

// tady někde ???
   $this->fileupload->move(__DIR__.'/galerie/test/');

}
?>

Ale to dělám špatně, protože dostávám chybu.
Proto jsem tě chtěl požádat o zcela konkrétní podobu uloadModelu.

Děkuji

Model jsem Upravil.
Moc díky.
Bohužel dostávám chybu:

<?php
Notice
Undefined index: uploader
Source file

File: ...\src\Model\UploadController.php:118

108:        }
109:
110:        /**
111:         * Zpracování uploadu souboru.
112:         */
113:        public function handleUpload() {
114:            $files = $this->request->getFiles();
115:            $token = $this->request->getPost("token");
116:
117:            /** @var \Nette\Http\FileUpload $file */
118:            $file = $files[ $this->uploadControl->getHtmlName() ];
119:            $model = $this->uploadControl->getUploadModel();
120:            $cache = $this->uploadControl->getCache();
121:            $filter = $this->getFilter();
?>

Můj formulář:

<?php
protected function createComponentFormFileUpload($name) {
        $form = new UI\Form;
        $this[$name] = $form;

        $form->addFileUpload("uploader")
                ->setUIMode(\Zet\FileUpload\FileUploadControl::UI_MINIMAL);
        $form->addSubmit('save')
            ->setAttribute("class", "btn btn-primary");

        $form->onSuccess[] = [$this, "submitFormFotoUpload"];

        return $form;
    }
?>

I přesto, jak píšeš,že odeslat formulář vlastně nebude třeba.

kralik napsal(a):

Bohužel dostávám chybu:

<?php
Notice
Undefined index: uploader
Source file

File: ...\src\Model\UploadController.php:118

108:        }
109:
110:        /**
111:         * Zpracování uploadu souboru.
112:         */
113:        public function handleUpload() {
114:            $files = $this->request->getFiles();
115:            $token = $this->request->getPost("token");
116:
117:            /** @var \Nette\Http\FileUpload $file */
118:            $file = $files[ $this->uploadControl->getHtmlName() ];
119:            $model = $this->uploadControl->getUploadModel();
120:            $cache = $this->uploadControl->getCache();
121:            $filter = $this->getFilter();
?>

Proveď si dump $files a $this->uploadControl->getHtmlName(). Z toho poznáš, v čem je problém. Tipuji, že bude problém v absenci prefixu $this->getUniqueId(), resp. řádek 118 by mohl vypadat nějak takto:

$file = $files[ $this->getUniqueId() . self::$NAME_SEPARATOR . $this->uploadControl->getHtmlName() ];

Editoval Ot@s (30. 1. 2017 13:49)

@kralik Jo, to je chyba od tebe, zaregistroval sis ten UploadModel do configu? (A tím nemyslím konfigurační konstantu ve fileUpload).

@Ot@s
Zobrazený kod je zdroják uploaderu, předpokládám, že ten funguje jak má, když @kralik má jako jediný tento exotický problém… Navíc je to neupravená metoda od původního Nette UploadControl.

Zprvu jsem měl dojem, že si právě v renderu nějak ručně přejmenuje input, tudíž HTML name neodpovídá, ale to zjevně není ono.

Editoval JZechy (30. 1. 2017 14:05)

@kralik Základy OOP… Když nějaká třída implementuje interface, musí mít implementaci všech metod daného interface. Používáš nějaké IDE? Ten by tě upozornil na to, že ta třída neimplementuje všechny metody.

Interface uploaderu předepisuje tři metody: save, rename, delete.

Editoval JZechy (30. 1. 2017 14:27)

@kralik Nedávej tam dump, ten to vypisuje do stránky a pravděpodobně to na tom místě už nejde. Zkus ::log() a pak se podívej do souboru log/info.log. Poté zkontroluj ve vygenerovaném HTML v prohlížeči jestli tam existuje input s name uploader.

@kralik Všechno sedí… Vypadá to, jako by se krom prvního requestu na nahrávání, s tím souborem, odeslal ještě druhý, kde už nic není…

Těžko soudit, tohle vidím poprvé… Neděláš během nahrávání něco extra než, že jenom vybereš soubor?

Editoval JZechy (31. 1. 2017 11:58)

@kralik Jestli to není nějak extra tajná aplikace, tak na GitHubu mám email. Pošli mi tam zdrojáky, zkusím se na to podívat osobně, protože taky netuším odkud tady vítr vane.

Ahoj, @JZechy
jak můžu nastavit maxChunkSize pro javascript?

$('#fileupload').fileupload({
    maxChunkSize: 50000000 // 50 MB
});

Jen ukazuji, co bych chtěl nastavit.
Díval jsem se, že nastavuješ parametry v
javascript.latte

$("#" +input).fileupload({
....

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