Upload IMG + CROP

pytanie zadane 10 marca 2016 w JavaScript przez tarnasm Gaduła (3,030 p.)

Witam,

Chciałbym na stronie umieścić taką sekcję w której będę mógł edytować zaczytany obraz. Jakiś img crop, auto size etcMam w związku z tym kilka pytań.

1. czy znacie jakie frameworki które obsługują tego typu akcje- Wiem że jest ich pełno ale chodzi i o ten którego gdzieś użyliście i polecacie.

2. Czy takie działanie wymaga odemnie najpierw załadowania zdjęcia do bazy a potem jego orbórbkę? Czy można je przechowywać tymczasowo i dopiero powiedzmy po akcji Save - dodaawać do bazy.

Pozdrawiam

1 odpowiedź

odpowiedź 10 marca 2016 przez Comandeer Guru (601,530 p.)

1. fabric.js albo jeden z tysiąca pluginów do jQuery, jak np. http://fengyuanchen.github.io/cropper/

2. De facto wszystko można zrobić po stronie przeglądarki (na upartego nawet zapisać obrazek ;)). Umożliwia to File API + Canvas API.

komentarz 10 marca 2016 przez tarnasm Gaduła (3,030 p.)

Widzisz, bo chodzi o to aby zapisac plik na serwer -> zaladowac do pluginu np. przy uzyciu tego croppera i zapisac Img aaale pod nowym url tak aby powstala kopia obrazu po edycji. I tutaj mam pytanie przedewszystkim jak to zrobic. Generalnie projekt robimy w Meteor JS a tam mamy MongoDB. Jednak slyszalem, ze to nie jest za dobre rozwiazanie zeby pakowac tam pliki zdjeciowe.