Przesyłanie i wyświetlanie obrazu Meteor JS

Question

Próbuję zbudować witrynę e-commerce ze stroną administratora, na której administrator może przesłać obrazy niektórych produktów. Chciałbym, aby Meteor załadował te obrazy do folderu, a następnie wyświetlił te obrazy na stronie produktu tego produktu.

Wiem, że zwykle pliki obrazów, których klient będzie używał, powinny znajdować się w folderze "publicznym", ale chciałbym dowiedzieć się więcej o innych opcjach, jakie mogę mieć.

Ponadto, jeśli prześlę nowy plik do "publicznego" folderu lub jeśli usunę plik w "publicznym" folderze, witryna odświeży się ... i jest to dobre i złe w tym samym czasie w zależności od czego efektem są po ....

Oto moje pytania:

1. Co jeśli utworzyć folder „przesłane” na serwerze i przesłać zdjęcia do tego folderu. Czy byłoby możliwe wyświetlanie obrazów w folderze "uploads" w przeglądarce klienta ??? W jaki sposób??
2. Czy istnieje sposób korzystania z przeglądarki w celu uzyskania dostępu do zawartości "publicznego" folderu?
3. Czy istnieje sposób na zatrzymanie "reaktywności" witryny, jeśli zmiany nastąpią w folderze "przesłanych plików"?
4. Czy przesyłanie obrazów do "publicznego" folderu jest najlepszym dostępnym rozwiązaniem tego problemu?

Dziękuję bardzo za pomoc

Answer 1

Gdy mamy do czynienia z tym, co będzie prawdopodobnie duża liczba obrazów lubię odciążyć nie tylko przechowywania, ale także przetwarzanie osobie trzeciej.

Moja aplikacja do odwiedzenia w tej sytuacji będzie w chmurze. Oto dlaczego:

• Przechowywanie - mogę przechowywać oryginalne obrazy poza moją aplikacją. Ogromna korzyść z synchronizacji zdjęć od deweloperów do prod.
• CDN - Dostaję dodatkowe korzyści z szybkiego wczytania obrazów z CloudNine CDN.
• Przetwarzanie bez obciążenia - Wszystkie przetwarzanie obrazów jest obsługiwane przez Cloudinary, która nie spowalnia mojej aplikacji jako całości.
• Manipulacja obrazem - mogę wykonywać połączenia z oryginalnym obrazem, połączenia, aby uzyskać miniaturę i wywoływać zmiany w manipulowaniu, tj .: efekt => skala szarości. Więc jeśli obraz 1000x1000px został przesłany, mogę zażądać 50x50px z Cloudinary, który zwróci obraz przycięty do tego dokładnego rozmiaru, zamiast używać CSS do zmniejszenia dużego obrazu.
• Elastyczność - mogę zmieniać rozmiar obrazów i zwracać ten dokładny rozmiar do aplikacji bez konieczności ponownego przesyłania zdjęć. Jeśli na przykład moja strona produktu ma kciuki o rozmiarze 40 pikseli, mogę łatwo wykonać połączenie, by pobrać ten sam obraz o wielkości 50 pikseli.

Mam nadzieję, że to pomoże. http://cloudinary.com/

Answer 2

Możesz zrobić to wszystko za pomocą pakietu meteorytów collectionFS. Pakiet jest dobrze udokumentowany i masz wiele opcji, które możesz wykorzystać do przechowywania przesłanych plików. CollectionFS daje także możliwość manipulacji obrazem podczas przesyłania, na przykład tworzenia miniaturki o zmienionym rozmiarze.

Answer 3

Uświadomiłem sobie, że to pytanie jest trochę stare. Miałem ten sam problem, jednym z rozwiązań, które działa dla mnie jest użycie

Answer 4

Zdecydowanie nie przechowuj rzeczy w publicznym katalogu - spowolni uruchamianie aplikacji, a gorący kod odświeży się podczas przesyłania zdjęć łatwo spowodować awarię, gdy pojawi się przyzwoita liczba zdjęć.

Wszystkie powyższe rozwiązania z przechowywaniem obrazów w innym miejscu będą działać. Inną opcją jest użycie pakietu peerlibrary: aws-sdk do przesłania rzeczy do S3, z czego korzystam w przypadku kilku aplikacji i które okazały się bardzo czyste.

Answer 5

Przechowywanie obrazu jako łańcucha base64 w MongoDB jest również metodą. Przydatny w przypadku publikowania w interfejsach API i oszczędzania obaw związanych z obsługą innych firm zewnętrznych.