如何將圖像添加到javascript數組？

Question

我有一個頁面，其搜索欄根據單獨的js文件中的數據自動完成。 如果我輸入一個字母，它會拋出以該字母開頭或包含該字母的相關名稱，如果我選擇結果，則顯示該名稱附帶的詳細信息。 我只需要知道如何將圖像鏈接到該數據，因此在選擇時會顯示帶有該名稱信息的圖片。

這是我的Javascript代碼：

$(function(){

    var currencies = [
        { value: 'Murray Smith', data: 'AFN', foto: src='img/logo.jpg' },
        { value: 'Brown Church', data: 'ALL' ,foto: src='../img/logo.jpg'},
        { value: 'Jack Jones', data: 'DZD' ,foto: src='../img/logo.jpg'},
        { value: 'Ben Clark', data: 'EUR' ,foto: src='../img/logo.jpg'},
        { value: 'Pete White', data: 'AOA' ,foto: src='../img/logo.jpg'},
        { value: 'East Caribbean dollar', data: 'XCD' ,foto: src='../img/logo.jpg'},
    ];

    // setup autocomplete function pulling from currencies[] array
    $('#autocomplete').autocomplete({
        lookup: currencies,
        onSelect: function (suggestion) {
            var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br>      <strong>Symbol:   </strong> ' + suggestion.data + '<br> <strong>Profile Pic:</strong> ' +     suggestion.foto;
            $('#outputcontent').html(thehtml);
        }
    });
}); 

先感謝您。

Answer 1

使用此代碼：

var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value 
             + ' <br>  <strong>Symbol:   </strong> ' + suggestion.data 
             + '<br> <strong>Profile Pic:</strong> <img ' + suggestion.foto +' />';
                                                  ^^^ use image tag here

你的foto應該是這樣的：

foto: "src='img/logo.jpg'"
     ^^^ add the double quotation mark to make it correct

Answer 2

更新你的數組是有效的將幫助:)

 var currencies = [
      { value: 'Murray Smith', data: 'AFN', foto: '<img src="img/logo.jpg">' },
      { value: 'Brown Church', data: 'ALL' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Jack Jones', data: 'DZD' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Ben Clark', data: 'EUR' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Pete White', data: 'AOA' ,foto: '<img src="img/logo.jpg">'},
      { value: 'East Caribbean dollar', data: 'XCD' ,foto: '<img src="img/logo.jpg">'},
 ];

Answer 3

正如AndréDion在評論中提到的，您的語法無效。

您應該將對象的foto屬性值更改為：

foto: 'path/to/my/img.ext'

在HTML中，當調用該屬性時，將其附加到圖像標記內。

thehtml += '<img src="'+foto+'" alt="don't forget the blind!" />';

希望這可以幫助。

- 希德