javascript - JQuery 更改背景图像恢复为旧图像

Question

我有一个 Web 应用程序，它允许用户创建和查看交互式故事...

其中一项功能是更改背景图片 - 上传图片的文件路径保存在 javascript 对象中，并以 JSON 格式发布到 MongoDB 数据库。

当我使用此应用将上传的图片更改为新图片并保存时 - 它工作正常。

但是，当我从数据库中检索 JSON 并稍后应用存储在那里的 url 时，它使用旧的而不是更新的...

此代码保存了故事...

function saveStory(){

var numpages=$('.page').length;

var book=new Object();

$.getJSON('../scripts/getUser.php').done(function(data){
    book.title=title;
    book.user=data._id.$id;
    book.pages=new Array();

    var page;
    var link;

    for (var i=0;i<numpages;i++){
        var numlinks=$('#p'+i+' .link').length;
        page=new Object();
        page.text=$('#p'+i+' .textarea').text();
        page.image=$('#p'+i).css('background-image').replace(/^url\(["']?/, '').replace(/["']?\)$/, '');

        page.links=new Array();

        for (var j=0;j<numlinks;j++){
            link=new Object();
            link.text=$('#p'+i+'l'+j+' .linktext').text();
            link.locale=$('#p'+i+'l'+j+' .locale').text();

            page.links.push(link);
        }
        book.pages.push(page);
    }
}).then(function(){ $.post('../scripts/addstory.php', {book: book})});
 }

这段代码打开它...

function openStory(){
var story=$('#thestory').text();
$.post('../scripts/getstory.php', {story: story}, function(book){

var numpages=book.pages.length;

    for (var i=0;i<numpages;i++){

        var numlinks=book.pages[i].links.length;

        $('#content').append("<div id=p"+ i +" class='page'><div class='textarea' contentEditable='true'>" + book.pages[i].text + "</div></div>");

        $('#p'+i).css('background-image', 'url(' + book.pages[i].image.replace(/^url\(["']?/, '').replace(/["']?\)$/, '') + ')');

        for (var j=0;j<numlinks;j++){
            $('#p' + i).append("<div id=p"+ i +"l"+ j +" class='link'><div class='linktext' contentEditable='true'>"+ book.pages[i].links[j].text +"</div><div class='locale' contentEditable='true'>"+ book.pages[i].links[j].locale +"</div></div>");
        }
    }
}, 'json');
 }

我检查了它是否将正确的 url 保存到 json 中，它是。

我保存了故事，然后刷新了页面——它调用了 openStory()，其中图像的 url 变回了旧的!

令人费解的是，数据库中的url值已经更新了，但不知何故它挖出了旧值。

有人知道如何解决这个问题吗？

Answer 1

这里似乎没有足够的信息来解决这个问题。我怀疑问题可能出在 html(或 php)中。

#thestory 的值(value)是什么？

在getstory的响应中，image的值是多少？来自服务器是否正确。这表明您的问题出在 php 而不是 JavaScript。