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中的值是什么？

在来自getstory的回复中，图像的价值是什么？来自服务器是否正确。这表明你的问题出在php而不是JavaScript。

JQuery更改背景图像还原为旧图像

1 个答案: