如何使用图像标签答案

【问题标题】：how to use image tag如何使用图像标签
【发布时间】：2017-03-15 21:11:44
【问题描述】：

有人可以帮我在下面的函数中插入图像吗？我使用了一个 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>

输出应该是这样的

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

【问题讨论】：

标签： javascript html

【解决方案1】：

就这么简单..

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

【讨论】：

这里的数据只返回广告系列 ID 和广告系列名称。
那么你会从哪里得到图片src？
项目 |_ 网页 |_ 图像 |_icon.png 这是我项目的结构。我应该写一个函数来返回图像的位置吗？如果是这样怎么做？
将'<img src="'+yourimageurlfromdata+'"/>'+更改为'<img src="/images/icon.png"/>'+

【解决方案2】：

我建议你这样的代码：

<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 中或其他地方。

它将显示如下内容：

【讨论】：