2014-12-08 15 views
5

Sto facendo una semplice app di chat con meteora. Il mio HTML è:app meteor: immagini non caricate

<body> 
    <h1 align="center">tomomi-chat</h1> 
    <img src="original.gif"> 
    <div class="container" align="center"> 
    {{>entryfield}} 
    </div> 
    <br> 
    <div class="container"> 
    {{>messages}} 
    </div> 

L'immagine non verrà caricato sul server locale. Poiché l'app è estremamente semplicistica, non ci sono cartelle oltre alla cartella ".meteor" nella directory. I file .js, .css e .html si trovano tutti nella directory dell'app.

Anche se ospito l'immagine e utilizzo un collegamento esterno, il risultato è lo stesso. Perché Meteor blocca le immagini dalla mia app?

dispiegati: http://tomomi.meteor.com/

risposta

15

Si dovrebbe creare una cartella denominata pubblica nella cartella principale dell'applicazione.

Dal Meteor documentation:

/pubblico

file in/pubblico sono serviti al client come-è. Utilizzalo per le risorse del negozio come le immagini. Ad esempio, se hai un'immagine situata a in /public/background.png, puoi includerla nel tuo HTML con o nel tuo CSS con immagine di sfondo: url (/background.png). Nota che/public non fa parte dell'URL dell'immagine.

+0

che ha funzionato. Grazie. – user3697034

3

Creare una cartella /public. metti le tue immagini lì.

2

di elaborare su questo, vorrei aggiungere immagini directory di asset nella cartella pubblica come questo e servire via come questo

images/transparent.jpg

enter image description here

2

beni messi in PROGETTO/cartella pubblica e quando specifichi il link nel tag, usa semplicemente "xyz.jpg".

Questo è tutto! L'URL non include la cartella /pubblica al suo interno. È molto, molto, preso correttamente dalla struttura delle meteore.

CORRETTO -> "xyz.jpg"

ERRATO -> "/public/xyz.jpg"

Problemi correlati