Question

我正在为这些图片创建一个带有多个提交按钮的输入页面。

var prop = ['${pageContext.request.contextPath}/images/acquirer_aktia.png', '${pageContext.request.contextPath}/images/acquirer_aktia.png', '${pageContext.request.contextPath}/images/acquirer_aktia.png', '${pageContext.request.contextPath}/images/acquirer_aktia.png'];
for (var j = 0; j < prop.length; j++) {
    divElem = $("<div class='row'>");
    $('#bankList').append(divElem);
    elem = $("<div class='col-sm-3'>");
    bankId = $('<input type="submit" >');
    bankId.css('background-image', imagefile);
    elem.prepend(bankId);
    divElem.prepend(elem);
}

如何附加网址图片

Answer 1

请检查您需要使用url在后台获取图片网址的摘要。

＆＃13;

var prop = ['https://i.stack.imgur.com/JXM2T.jpg', 'https://i.stack.imgur.com/KYoV8.jpg', 'https://i.stack.imgur.com/OMqex.jpg'];
for (var j = 0; j < prop.length; j++) {
    divElem = $("<div class='row'>");
    $('#bankList').append(divElem);
    elem = $("<div class='col-sm-3'>");
    bankId = $('<input type="submit" >');
    bankId.css('background', 'url('+prop[j]+')');
    elem.prepend(bankId);
    divElem.prepend(elem);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div id='bankList'></div>

＆＃13;

Answer 2

你只需使用＆＃34; prop [j]＆＃34;你的循环上的价值。从数组中获取图像URL并为每个图像设置。只需更换你的循环＆＃34; bankId.css＆＃34;属性。谢谢。

 bankId.css('background-image',prop[j]);

如何动态附加图像文件作为背景图像

2 个答案: