2013-03-01 19 views
15

Ho visto questa domanda venire molto;Meteor Images, CSS, "normale" Web Service

  • Come inserisco le immagini sul mio sito Web Meteor?
  • Come si ospita contenuto web "standard" con Meteor?
  • Ho provato ad aggiungere un tag <img src="img/myimage.png"> ma nessuna immagine mostra!
  • Come posso ospitare alcuni file su un sito Meteor?

risposta

44

Inserire il contenuto in una cartella denominata "public" nella root del progetto.

  • Non è necessario includere/pubblico nei propri URL.
  • È supportata qualsiasi struttura di cartelle aggiuntiva in pubblico.
  • I plug-in di routing NodeJS non sono necessari, come sono state fornite altre risposte.
  • Posiziona i file javascript della libreria esterna in/lib. Saranno automaticamente inclusi.

Spiegazione

In Meteor, è possibile ospitare contenuti web "standard" con la creazione di una directory "pubblico" nella root del vostro progetto. Qualsiasi immagine, file o dato posto in questa cartella sarà servito normalmente dal server NodeJS, come se si trovassero nella root del server.


Esempio

  • Struttura nell'ambito del progetto: /public/test/img.png
  • immagine URL corrispondente: /test/img.png
  • Tag HTML di esempio: <img src="/test/img.png"/>
+1

volevo solo aggiungere, il **/** all'inizio è importante. – nooitaf

+1

Da quello che sono stato in grado di trovare per documentazione questo in Meteor è se non si desidera che la pagina venga aggiornata ogni volta che un file in una cartella cambia, aggiungere "~" alla fine della cartella o del file. Se faccio questo, gli esempi precedenti smettono di funzionare! – Dave

+0

@Dave L'aggiunta di ~ alla fine di qualcosa indica che si tratta di un file temporaneo, che Meteor ignora.Questa è la convenzione di denominazione standard su Linux. Si prega di non aggiungere intenzionalmente un ~ alla fine dei file del progetto .. –

0

Creare una nuova cartella public all'interno della directory del progetto. Aggiungi una nuova cartella img (o qualsiasi altro nome di tua scelta) all'interno della cartella pubblica. Copia tutte le immagini necessarie per essere aggiunte al tuo HTML in questa cartella.

Ora è possibile utilizzarlo come - <img src="img/myimage.png">

Non è necessario includere/pubblico nella nell'URL.

+4

Hai visto la risposta esistente o hai appena deciso di pubblicare la stessa cosa –