wie Sie Zugang zu assets/images aus der Ansicht in Sails.js?

Möchte ich einfach nur hinzufügen, ein Bild in einer Ansicht in meiner Segel-Projekt

Meiner Ansicht-Datei hat den Standort

views/album/albums.ejs

und das Bild befindet sich in 

assets/images/placeholder.png

wenn ich das Bild, wie dieser

<img src="../../assets/images/placeholder.png">

Bekomme ich diesen Fehler

GET    http://localhost:1337/assets/images/placeholder.png    404 (Not Found)

Bin ich etwas fehlt?

InformationsquelleAutor klanm | 2013-09-13
  1. 14

    Segel verwenden Grunt (Gruntfile.js im root des Projektes) zum ausführen einiger Aufgaben in den Segel heben. Eine der Aufgaben ist das kopieren von Dateien aus dem assets-Verzeichnis zu .tmp/public/- Verzeichnis (in der Entwicklerversion). Also, wenn u fügen Sie der Datei "assets" Sie müssen neu starten, Segel (Segel heben), um es aus zugänglich .tmp/public/(was ist öffentlich zugänglich root-Verzeichnis). Auch ist es wichtig zu beachten, dass, wenn u speichern Sie Dateien direkt an .tmp/public/er zugänglich sein wird sofortige, aber auf der nächsten Segel heben, werden Sie gelöscht, da man von Grunt-tasks ist klar, dass-Verzeichnis vor dem kopieren der neuen Dateien. All dies kann u finden auf Segel-Dokumentation (Vermögenswerte und asset-management) und durch das Lesen Gruntfile.js im root Ihres Projekt

    • danke für die Erklärung
    • Was ist, wenn es gibt Tausende von Bildern? Wie man Segel Zugriff auf das Bild direkt?
    • Auf diese Weise haben Sie Zugriff auf die Bilder direkt. Damit Sie Zugriff auf Bild wie dieses hier <img src="/images/my-image.png" />. Aber was ist wichtig zu beachten, dass Sie speichern Sie Ihre Bilder im "assets" - Verzeichnis, und während der lift-Prozess Segel kopieren Sie den öffentlichen Verzeichnis. Das ist alles. Aber einmal, wenn die Bilder (oder andere Vermögenswerte) werden die kopierten public-Verzeichnis haben, können Sie auf Sie zugreifen, mit der direkten url. Auch Segel halten gleiche Verzeichnis-Struktur wie Sie create in "assets" - Verzeichnis.
    InformationsquelleAutor zmilan
  2. 8
    <img src="/images/placeholder.png">

    funktionieren sollte. der Ordner "assets" ist das äquivalent zum hinzufügen eines Ordners mit dem static-middleware im express.

    asset-Dokumentation

    • Ich habe es schon ausprobiert, und es funktioniert nicht das Bild finden, das weder.
    • Sie würden so denken: "Auf-heben, wird eine Datei namens myApp/assets/newFolder/data.txt zugegriffen werden kann auf localhost:1337/newFolder/data.txt", aber dies ist einfach eine falsche information -- obwohl es auf der Google docs-Website (docs.Anatomie.Vermögenswerte). Ich kann nicht glauben, Sie hätte dieses bs gibt.
    InformationsquelleAutor snyx
  3. 3

    Sieht aus wie Sie haben grunt Haken entfernt.

    Beim entfernen der grunt Haken müssen Sie auch die folgenden in .sailsrc um Ihr Vermögen, um bedient zu werden, ansonsten sind alle Vermögenswerte zurück 404.

    {
  "paths": {
    "public": "assets"
  }
}
    InformationsquelleAutor mrded
  4. 0

    War ich auch vor dem gleichen problem.

    In der Segel version 0.12.0,

    Ich habe versucht zu zeigen, ein Bild aus dem assets-Ordner-homepage.ejs.

    Dann von unten mit img-tag, es ist mein problem gelöst. 

    <img src="/images/placeholder.png" width="30px" height="30px">

    Aber wie Ihr ejs Datei ist im inneren views/album/Alben.ejs

    Kann ich empfehlen, unten können arbeiten

    <img src="../images/placeholder.png" width="30px" height="30px">

    Aber den richtigen Ansatz in die Segel ejs Seiten ist,

    <img src="/images/placeholder.png" width="30px" height="30px">

    Diese müssen für Sie arbeiten auch.

    InformationsquelleAutor Vishal Biradar
  5. 0

    Wenn Sie die tasks/sync.js - Datei in Ihrem Projekt, fügen Sie die folgende Objekt in files array:

    {
        cwd: './assets/images',
        src: ['**/*.*'],
        dest: '.tmp/public/images'
}

    müssen Sie Segel-Haken-grunt und grunt-sync installiert.

    InformationsquelleAutor Pedro Cuasqui
Schreibe einen Kommentar