Meteor JS-image-upload und-Anzeige

Ich versuche zu bauen, ein E-commerce-Website mit admin-Seite, wo der administrator Bilder hochladen können bestimmte Produkte.
Ich möchte Meteor hochladen, diese Bilder in einen Ordner und dann zeigen die Bilder in der Produkt-Seite des Produkts.

Ich weiß, dass normalerweise die image-Dateien, die der client verwenden wird, sollte innerhalb der 'public' - Ordner, aber ich möchte mehr wissen über das, was andere Optionen, die ich haben könnte.

Auch, wenn ich eine neue Datei hochladen, um die 'public' - Ordner oder lösche ich eine Datei im "public" Ordner, die website aktualisiert sich selbst...und das ist gut und schlecht zur gleichen Zeit je nachdem, welchen Effekt Sie nach....

Hier sind meine Fragen:

  1. Was ist, wenn ich ein "uploads" - Ordner in den server und das hochladen der Bilder in diesen Ordner. Wäre es möglich, die Anzeige der Bilder innerhalb der "uploads" Ordner in den client-browser??? Wie??
  2. Gibt es eine Möglichkeit den browser nutzen, um Zugriff auf die Inhalte der "öffentlichen" Ordner???
  3. Gibt es einen Weg zu stoppen die 'Reaktivität' der Website, wenn Veränderungen passieren in der "uploads" Ordner erstellt?
  4. Ist das hochladen der Bilder auf die 'public' - Ordner wird die beste Lösung zu diesem problem?

Vielen Dank für die Hilfe

InformationsquelleAutor preston | 2015-03-14
  1. 9

    Beim Umgang mit dem, was wahrscheinlich eine große Anzahl von Bildern, die ich gerne auslagern, die nicht nur die Speicherung sondern auch die Verarbeitung an einen Dritten.

    Mein go-to-app in dieser situation wäre Cloudinary. Ist hier, warum:

    • Lagerung - ich kann speichern der ursprünglichen Bilder außerhalb meiner Anwendung. Ein riesiger Vorteil, damit die Bilder synchron von dev zu prod.
    • CDN - ich bekomme die zusätzlichen Vorteile, die Bilder werden schnell geladen, aus der Cloudinary CDN.
    • Off-load Bearbeitung der Bearbeitung der Bilder erfolgt durch Cloudinary, die nicht verlangsamen meine gesamte app.
    • Bild-Manipulation - ich kann telefonieren, um das ursprüngliche Bild Aufrufe bekomme nur eine Miniatur und Anrufe zu ändern, zu manipulieren, sprich :Effekt => Graustufen. Also, wenn ein 1000x1000px-Bild wurde hochgeladen, ich kann verlangen, einen 50x50px von Cloudinary zurückgeben, das Bild zugeschnitten, die genaue Größe, anstatt mit CSS zu verkleinern, ein riesiges Bild.
    • Flexibilität - ich kann die Größe von Bildern verändern und zurückgeben, die genaue Größe der app, ohne re-upload von Bildern. Zum Beispiel, wenn mein Produkt Seite zog Daumen auf 40px, ich könnte einfach machen Sie einen Anruf zu greifen, das gleiche Bild auf 50px.

    Hoffe, das hilft.
    http://cloudinary.com/

    • Nur befasste sich mit dieser situation selbst. Mit cloudinary war unglaublich einfach umzusetzen und hat enorme Vorteile auf dem overhead.
    InformationsquelleAutor Justin Seiter
  2. 3

    Können Sie tun all dies mit dem meteor-Paket collectionFS. Das Paket ist gut dokumentiert, und Sie haben eine Vielzahl von Optionen, können Sie verwendet für die Speicherung der hochgeladenen Dateien. CollectionFS gibt auch die Möglichkeit für die Bildbearbeitung auf das hochladen, wie das erstellen einer verkleinerten Miniaturansicht.

    • Hi, collectionFS hängt von cfs:gridfs und nach atmospherejs.com/cfs/gridfs cfs:gridfs ist " in der aktiven Entwicklung jetzt (2014-3-31). Es hat bugs und die API kann sich weiter verändern. Bitte helfen, es zu testen und Fehler zu beheben, aber don T verwenden in der Produktion noch." Bedeutet das, dass collectionFS ist nicht zuverlässig, nicht mehr und würde enthalten bugs, weil seine Abhängigkeit bugs enthält, wie auch?? Würde dir trotzdem empfehlen mit collectionFS? Ich danke Ihnen sehr.
    InformationsquelleAutor Nate
  3. 1

    Erkannte ich, diese Frage ist ein bisschen alt.
    Ich hatte das gleiche problem, eine Lösung, die funktioniert bei mir mit meteor-upload https://github.com/tomitrescak/meteor-tomi-upload-jquery

    InformationsquelleAutor Danil
  4. 1

    Definitiv nicht speichern Zeug, in das öffentliche Verzeichnis - es wird sich verlangsamen starten Sie die app und hot-code-aktualisiert auf Bild hochladen könnte leicht zum Absturz führen, sobald es eine anständige Anzahl von Bildern drin.

    Einer der oben genannten Lösungen bei der Speicherung von Bildern woanders arbeiten würde. Eine andere option ist die Verwendung des peerlibrary:aws-sdk-Paket hochladen Zeug auf S3, das ist es, was ich für mehrere Anwendungen und haben sehr sauber.

    InformationsquelleAutor verbatross
  5. 1

    Speichern Sie das Bild als base64-string in MongoDB ist auch eine Methode. Nützlich für die Entsendung zu APIs und speichern Sie die Sorge zu haben mit anderen 3 Parteien.

    InformationsquelleAutor dij_plz
Schreibe einen Kommentar