2013-03-01 72 views
15

我見過這個問題來了很多;流星圖像,CSS,「正常」Web服務

  • 如何在Meteor網站上放置圖像?
  • 如何使用Meteor託管「標準」網頁內容?
  • 我試着添加一個<img src="img/myimage.png">標籤,但沒有圖片顯示!
  • 如何在Meteor網站上託管一些文件?

回答

44

將內容放入項目根目錄中名爲「public」的文件夾中。

  • 您不需要在URL中包含/公開。
  • 支持公共內部的任何其他文件夾結構。
  • NodeJS路由插件不需要,因爲其他答案已經提供。
  • 將外部庫的JavaScript文件放在/ lib中。它們將被自動包含在內。

說明

流星,您可以承載在你的項目的根目錄創建一個「公共」目錄「標準」的網頁內容。您放置在此文件夾中的任何圖像,文件或數據將由NodeJS服務器正常提供,就好像它們位於服務器的根目錄中一樣。 /public/test/img.png

  • 相應的圖像URL:


    • 項目中結構/test/img.png
    • HTML標記示例:<img src="/test/img.png"/>
  • +1

    只是想補充一點,**/**在開始時很重要。 – nooitaf 2013-03-02 14:19:45

    +1

    從Meteor找到的文檔來看,如果您不希望在文件夾中的文件發生更改時刷新頁面,請將「〜」添加到文件夾或文件的末尾。 如果我這樣做,上面的例子停止工作! – Dave 2013-06-05 14:31:35

    +0

    @Dave在〜的末尾添加〜表示它是一個臨時文件,Meteor忽略它。這是linux上的標準命名約定。請不要在你的項目文件的末尾添加一個〜.. – 2014-04-22 15:37:13

    0

    在項目目錄內新建一個文件夾public。在公用文件夾內添加一個新文件夾img(或您選擇的任何其他名稱)。將需要添加到HTML中的所有圖像複製到此文件夾中。

    現在你可以使用它像 - <img src="img/myimage.png">

    你並不需要包括/公衆中的URL。

    +4

    您是否看到現有的答案,或者您是否決定發佈相同的答案 – 2015-08-29 19:22:23