Javascript 将动态背景设置为引导模式

Javascript 将动态背景设置为引导模式,javascript,jquery,html,css,bootstrap-modal,Javascript,Jquery,Html,Css,Bootstrap Modal,我正在尝试为我的引导模式设置背景,该模式具有以下场景, 我有一个动态变化的图像,它将显示为模型的背景图像 通过对getFile/getImage进行REST调用来检索这些图像(REST调用从文件系统检索图像)。 当我在任何div标记的Html文件中使用类似的东西(下面的代码)时,效果都很好 <img style="width: 100%" src="getFile/getImage/dynamicBikeImage" alt="Dynamic Bike Image"> 我也尝试过让

我正在尝试为我的引导模式设置背景,该模式具有以下场景, 我有一个动态变化的图像,它将显示为模型的背景图像 通过对getFile/getImage进行REST调用来检索这些图像(REST调用从文件系统检索图像)。 当我在任何div标记的Html文件中使用类似的东西(下面的代码)时,效果都很好

<img style="width: 100%" src="getFile/getImage/dynamicBikeImage" alt="Dynamic Bike Image">
我也尝试过让ajax调用像这样

$.ajax({
        url: "/getFile/getImage/dynamicBikeImage",
        type: 'GET',
        success: function(res) {

            $('#bikeModal').css({'background-size':'100%, 100%','background':'linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(getFile/getImage/dynamicBikeImage)'});
        }
    });
令人困惑的是,如果我使用静态文件夹中的一个图像,那么它就会按预期工作

$('#bikeModal').css({'background-size':'100%, 100%','background':'linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(static/images/bikebg.jpg)'});
下面是一个快照,可以更好地可视化我试图实现的目标(这是通过使用工作区静态文件夹中的图像实现的)


您正在寻找这样的解决方案吗?尝试将图像url放在双引号中

函数setbackgroundformodalcontent(){
$(#myModal.modal content').css({'background-size':'100%,100%,'background':'linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(“https://cdn3.iconfinder.com/data/icons/business-258/64/_Team_Work-512.png")'});
};
函数setbackgroundformodal(){
$(#myModal').css({'background-size':'100%,100%,'background':'linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://cdn3.iconfinder.com/data/icons/business-258/64/_Team_Work-512.png")'});
};

模态示例
开放模态
为模式设置背景
为后面的模式设置背景
模态标题
&时代;
情态体。。
接近

您正在寻找这样的解决方案吗?尝试将图像url放在双引号中

函数setbackgroundformodalcontent(){
$(#myModal.modal content').css({'background-size':'100%,100%,'background':'linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(“https://cdn3.iconfinder.com/data/icons/business-258/64/_Team_Work-512.png")'});
};
函数setbackgroundformodal(){
$(#myModal').css({'background-size':'100%,100%,'background':'linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://cdn3.iconfinder.com/data/icons/business-258/64/_Team_Work-512.png")'});
};

模态示例
开放模态
为模式设置背景
为后面的模式设置背景
模态标题
&时代;
情态体。。
接近

否,图像应设置为背景,无需单击任何按钮,url是我自己的rest api,用于从文件检索图像system@Supager是的,我明白。我没有使用api调用,而是使用了按钮单击。你有没有试过把图片的url用双引号引起来?这就是我的观点。好的,我还没有,我会在这条评论之后尝试。谢谢:)用两种不同的方式添加了背景。在您的原始代码中,似乎缺少图像文件扩展名ie.jpg,可能是您原始问题的一部分。不,图像应设置为背景,无需单击任何按钮,url是我自己的rest api,用于从文件检索图像system@Supager是的,我明白。我没有使用api调用,而是使用了按钮单击。你有没有试过把图片的url用双引号引起来?这就是我的观点。好的,我还没有,我会在这篇评论之后尝试。谢谢:)用两种不同的方式添加了背景。在您的原始代码中,似乎缺少图像文件扩展名ie.jpg,这可能是您最初问题的一部分。
$('#bikeModal').css({'background-size':'100%, 100%','background':'linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(static/images/bikebg.jpg)'});