使用JQuery調用的結果並使用顯示基於結果名稱的圖像

Question

我有一個腳本，返回一個圖像文件的名稱，例如「test.png」使用jquery函數和調用數據表。

這很好用，並在DIV中顯示圖像的名稱。

我想要做的是使用圖像文件名並顯示實際圖像。

我jQuery是：

function get() { 
    $.post('check_image.php', {name: form2.CompanyName.value}, 
     function(output){ 
      $('#CompanyImage').html(output).show(); 
     }); 
} 

這將返回：test.png作爲一個DIV文本。

是否可以使用test.png並將其放置在表單img scr上;

<img src="test.png" /> 

我一直在試圖讓這個工作使用各種方法沒有成功。

任何人都可以請幫忙。非常感謝您的時間。

Answer 1

我知道這聽起來很蠢，但你得到的文件或網址的名稱？如果它是一個形象的網址，你可以使用：

$("#CompanyImage").html("<img src=\"" + output + "\">"); 

如果它是一個URL取決於圖像的位置不會產生URL。例如，如果它與.html位於相同的文件夾中，您可以使用類似於：

var url = window.location.href + "/" + output; 

$("#CompanyImage").html("<img src=\"" + url + "\">"); 

Answer 2

可以解決這個問題是這樣的：

$('body').append(
    $('<img>', {src: output, alt: ''}) 
); 

• 創建一個新的img - 元素
• 設置src - 和alt -attributes
• 追加這個新創建的元素到另一個你DOM

進一步閱讀

jQuery(html [, ownerDocument ])

演示

Try before buy