從本地磁盤加載圖像到html

我必須從我的本地磁盤上傳圖像到我的HTML頁面，我知道現在不可能，因爲安全原因和相同的原產地策略。從本地磁盤加載圖像到html

1.）我的圖像'loadingimage.jpg'與我的.html頁面位於同一位置。我也嘗試像

<style> 
body { 
background-image: url("/loadingimage.jpeg"); 
} 
</style>

相對路徑，這讓我錯誤，如

Failed to load resource: the server responded with a status of 404 (Not Found) 
http://10.2.9.208:8081/loadingimage.jpg

我不，當我直接打開文件得到這個錯誤，只有當我使用節點JS快遞服務於這個來自我的磁盤的HTML文件。我在我的節點JS

app.get('/abt', function (req, res) { 
res.sendFile(path.join(__dirname, '../../startpage.html')); 
});

請不要downvote這個問題，因爲我已經完成了所有環節過去了，一直沒能找到一個solution.So重複，我重新張貼此代碼。這可以在不轉換成base64代碼的情況下完成嗎？我該怎麼辦？

2.）但即使我以某種方式設法在瀏覽器上顯示它，我希望瀏覽我的網頁的所有客戶端都能夠看到它，例如假設一個歡迎圖片。我如何使它成爲可能？

我不允許在網絡上使用任何圖像託管服務器。我可以做些什麼，如訪問客戶端PC並在本地存儲圖像，使用它，然後在頁面關閉時刪除它？

我有一臺服務器機器在後臺運行，是否以任何方式將這些圖像存儲在服務器上，然後檢索並顯示在客戶端PC上？

編輯1：我試圖用這個

<img class="logo" src="http://10.2.9.208:8081/loadingimage.jpg" alt="My_Logo">

現在這個樣子，不僅給了我同樣的錯誤，但是還顯示損壞的圖片。

的搗鼓這個：https://jsfiddle.net/SuchitraIyer/sno3j98w/

來源

2016-06-20 Suchitra Iyer

您的文件名是否正確（拼寫和擴展名）？ –

你的css在哪裏叫圖像？ –

是的。他們都完美 –

只有當我將圖像傳輸到與我的節點js文件相同的位置時，這對我才起作用，但它沒有其他工作，但它應該有。

來源

2016-06-20 12:29:03

如果您在相同的位置與您的網頁/同一文件夾中的圖像和拼寫圖像名稱是否正確，然後嘗試下面的代碼：

body { 
    background-image: url("3011483-euro2016-omb-pes2016_1.jpg"); 
}

你只需要刪除向前從文件名開始削減...

我希望這將幫助你......

謝謝...

來源

2016-06-20 05:57:40

我只有在使用節點js時纔會出現錯誤，否則它已經開始正常工作。我編輯了我的問題。謝謝 –

如果您HTML文件與圖像在同一個文件夾，然後

background-image: url("YOUR-IMAGE-NAME");

除此之外，如果你創建的任何文件夾

--FOLDER /你像圖像

-HTML文件

代碼將爲l這個。

background-image: url("FOLDER/YOUR-IMAGE-NAME");

你可以用全路徑開始file:///使用這種替代方法。

file:///C:/imagename

我希望這個答案能幫助你。

來源

2016-06-20 06:09:17

嗨，他們工作正常，但不是通過節點js –

@SuititIyer看來你的節點js服務器沒有加載所有的靜態文件，即服務器不讀取圖像，而只是html。改變你運行節點服務器的方式。 –

@SuchitraIyer嘗試'基地'標記在'' –

把你的圖片放到一個文件夾，然後鍵入路徑，看看像

body { 
    background-image: url("images/loading.jpg"); 
},

，因爲你正在使用Node.js的，這個線程可以幫助你

How to serve the image files using express framework in node.js?

來源

2016-06-20 06:19:30 Prakash

嗨，這也給我同樣的錯誤 –

body { 
    background-image: url("../../loadingimage.jpg"); 
},

來源

2016-06-20 06:32:20

嗨，即使這個 –

我也得到相同的錯誤我認爲你的圖像路徑應該從服務器根目錄位置 –

解決當前我的服務器是我的機器只，我的節點js express只在我的PC上運行 –

從本地磁盤加載圖像到html

回答

相關問題