Question

我正在尝试创建一个div，因为我在搜索栏中按Enter键。那部分适合我，如果我继续按下输入，则创建一个新的div。但是，我不能给创建的div一个背景图像。我的控制台一直给我404错误。这是我的代码：

function appendToDom(poster) {
    var aPoster = $('<div>');
    aPoster.css({
        display: 'inline block',
        float: 'left',
        margin: '10px',
        marginLeft: '37px',
        marginTop: '20px',
        width: '200px',
        height: '300px',
        fontSize: '36px',
        color: 'black'
        //backgroundImage: '../services/images/1425663956-outline.png'
    })
    $(aPoster).css("background-image", "url(~/desktop/MyMovies/public/js/images/1425663956-outline.png)");
    $(main).append(aPoster);

我试图把我的图像文件放在一堆地方，我改变了路径很多次。我的最终目标是添加由我使用的api提供的图像作为每个div的背景图像，并且当我的api没有给定数据点的图像时，将我当前尝试使用的图像作为默认值。

如果有帮助，我正在节点中工作。

Answer 1

你可以尝试这样：

$(aPoster).attr("style","background-image: url(~/desktop/MyMovies/public/js/images/1425663956-outline.png)");

Answer 2

浏览器无法理解文件路径~中的~/desktop/MyMovies/public/js/images/1425663956-outline.png。它只对shell有意义，可以访问本地文件系统。您需要使用提供该图像文件的URL。

Answer 3

我发现使用相关目录更容易/更好。与示例中注释掉的部分类似。在我看来，程序将使用的文件或资产应该在项目文件夹中的某个位置。

根据您的文件系统尝试url(./../images/question.png)。

当我尝试将背景图像添加到jQuery中的div时，我一直收到404错误

3 个答案: