如何使用图片标记

Question

有人可以帮助我在下面的功能中插入图像。我使用了一个json对象，它返回campaignid和campaignname的值。

<script>function searchedCampaigns(data) {
if (data[0].length > 0) {
 var searchcmp = "";
for (var j = 0; j < data[0].length; j++) {
var input = document.createElement("input");
console.log(input.name);
searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '/>' + 
                **// image to be inserted here**        
+ data[0][j].campaignName + '<br/>'; // value   
}
 $("#newcamp").html(searchcmp);
}}</script>

输出应该是这个

我收到了复选框以及广告系列名称。我想要这两者之间的图像。

Answer 1

我建议您使用这样的代码：

<input type="checkbox"><img src="Image.PNG">Test</img></input>

此外，根据您的代码，它可以像这样更新：

searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '><img src=' + YOUR_URL_LOCATION + ' />' + data[0][j].campaignName + '</input><br/>';

YOUR_URL_LOCATION，可以在JSON或其他地方。

它会显示如下内容：

Answer 2

这很简单..

searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '/>' + 
             '<img src="'+yourimageurlfromdata+'"/>'+
             'data[0][j].campaignName + '<br/>';