通过参数传递图像，JQuery mobile

Question

我有一个简单的 JQuery 产品列表。当用户点击一个项目时，它会打开一个名为 details 的“母版页”，我会在其中传递品牌、描述和价格等参数。

我正在尝试传递图像，但我不知道如何做到这一点。任何帮助表示赞赏。谢谢。

这是我传递参数的方式：

 var productId = getParameterByName("productId", $(this).data("url"));
    $.mobile.pageLoading();
    var product = catalog.products[productId];

    $('#productDescription').html(product.description);
    $('#productBrand').html(product.brand);
    $('#productPrice').html(product.price);
    $('#productThumbnail').html(product.thumbnail);

    $.mobile.pageLoading(true);

现在，如果我可以传递品牌、描述和价格，因为它们是文本。但是我不知道如何传递图像...我尝试了以下方法，它显示了图像的 URI。

<div align="center">
            <label>Thumbnail</label>
            <label id="productThumbnail">Thumb</label>
        </div>

Answer 1

这应该对你有用

$('#productThumbnail').html("<img src='"+product.thumbnail+"' alt='Thumbnail' />");

Answer 2

你之前问过这个：Adding images to a JSon array

您不能设置#productThumbnail 的html 属性，您需要设置它的src，而是使用从product.thumbnail 传入的图像URI（mkilmanas 的答案告诉您如何）。