如何選擇圖像並將圖像鏈接放入文本框？

Question

我有一個表格SelectIamge.php包括以下HTML：

<input type="text" id="urlImage" /> 
<input type="button" id="selectImage" /> 

用戶需要能夠點擊selectImage按鈕打開頁面UploadImage.php的彈出窗口。然後用戶將上傳圖像，並顯示該圖像的縮略圖。如果用戶點擊縮略圖，我需要將圖像的url放在urlImage文本框中。

有人可以幫我解決這個問題嗎？

Answer 1

首先給予一定的ID，以縮略圖即ID = '拇指'

包括jQuery庫文件和文件

<script type="text/javascript"> 
$("#thumb").click(function(){ 
    var src = $(this).attr('src'); 
    $("#urlImage").val(src); 
}); 
</script>