Oříznutí obrázku před uploadem

Vojtha
Člen | 37
+
0
-

Ahoj,

prosím o radu. Potřeboval bych komponentu formuláře, která zajistí, aby před nahráním obrázku na server dostal uživatel možnost ho oříznout či zvětšit, podobně, jako když se třeba mění profilovka na sociálních sítích. Překvapuje mě, že jsem nenašel žádné již existující řešení (možná jen neumím hledat?), zároveň si nejsem jistý, jaké je nejčistší řešení, pokud bych si něco psal sám. Je spousta javascript knihoven na oříznutí obrázku, dostat to ale do nette tak, aby fungovala validace a všechny ostatní funkce obvyklého $form->addUpload už mi nepřijde tak jednoduché. Můžete prosím poradit, jak na to?

Díky!

dms
Člen | 94
+
+2
-

Tohle není úplně záležitost backendu. Dobrá js knihovna na tohle je tato https://github.com/…en/cropperjs

Jak to udělat v bodech:

  1. přes js nahraješ soubor do prohlížeče
  2. použiješ cropovací knihovnu na zpracování
  3. knihovna ti umí vrátit base64 data obrázku
  4. base64 pak poslat v postu na server
  5. na serveru uložit, převést a zpracovat dle potřeby