從<input>更改背景圖片的div無刷新

我有<input type="file">標記。我需要選擇一個圖像，並將圖像的背景更改爲輸入圖像，而無需刷新或重新加載頁面。可能嗎？如果是的話，該怎麼做？從<input>更改背景圖片的div無刷新

2011-06-07 Prabhat

這是可能的，但你必須做一個AJAX文件上傳 - Javascript無法訪問文件的內容輸入任何有意義的方式。

2011-06-07 04:31:39

我可以在不涉及服務器端的情況下執行嗎？ – Prabhat 2011-06-07 04:33:20

@Prabhat不幸的是，不幸的 – 2011-06-07 04:43:07

您可以使用jQuery和做到這一點：

$('#imgID').attr ('src', 'new path');

這將改變圖像而不重新加載頁面。

2011-06-07 04:30:23 Nik

我需要根據標記的用戶輸入對其進行更改。沒有固定的新路徑。 – Prabhat 2011-06-07 04:32:25

然後你使用一個變量作爲路徑。這只是框架，你可以讓它爲你工作。 – Nik 2011-06-07 04:33:07

沒有路徑。我想從客戶端。例如，我想要一個當前在桌面上的圖像（someimage.png）作爲HTML頁面中div的背景。 – Prabhat 2011-06-07 04:36:14

回答