替換圖片（通過點擊圖片）

我想要做這樣的事情。點擊圖像後，我想選擇另一個圖像上傳替換服務器和動態顯示新的。替換圖片（通過點擊圖片）

謝謝你的任何提示。

2011-05-19 devsoft

您是否期望頁面在上傳後刷新？或者你想要一些類似AJAX的體驗？ – typeof 2011-05-19 22:00:07

是的，基於ajax的解決方案。要取代這個圖像動態 – devsoft 2011-05-19 22:05:55

嘗試這樣：

$("img").click(function(){ 
    $(this).attr("src", "http://example.com/someImage.gif"); 
});

2011-05-19 21:51:28

謝謝，但首先我必須上傳新圖像，然後我可以使用此代碼。 – devsoft 2011-05-19 21:55:01

哦，你只需要一個文件輸入：http://www.w3schools.com/php/php_file_upload.asp。 – 2011-05-19 21:56:37

是的，但我想在點擊圖片後運行此操作。唯一的答案是ajax形式或者可能有插件。 – devsoft 2011-05-19 22:01:07

你可以用這個嘗試：

<img src="current_image.jpg" onclick="javascript:this.src='new_image.jpg';" />

2011-05-19 21:54:19 jfrubiom

也許你嘗試使用一個上傳表單，併發送上傳到一個隱藏的iframe ...添加監聽到這個iframe來檢查文件什麼時候完成上傳...並檢索新圖像的URL並更新img元素的src

2011-05-19 22:03:29 jfrubiom

回答