javascript - 通过 php 引入 img 部分时图像不显示

Question

我正在尝试通过 php 将图像的路径从 mysql 传递到此 ajax。

我应该能够查看图像，但图像没有显示？

“CurrentVal”显示正确的路径。意味着 php 已成功将数据传递给 ajax。 (显示“img/logo.jpg”)

var imageX;
var groupX;     

$.ajax({
    type:'GET',
    url:'php/myphp.php',
    dataType:'json',
    async: 'false',
    success: function(response){
    imageX   =   response[0].imgPath,
    groupX   =   response[0].titleVal;
    var s = document.getElementById("CurrentVal");
    s.value = imageX;

    var image = { **//object**
        'back': { 'url':imageX, 'img':null },
        'front': { 'url':'img/background.jpg', 'img':null }
    };

var canvas = {'temp':null, 'draw':null};
var mouseDown = false;
}
});

但是如果我替换 imageX

'back': { 'url':imageX, 'img':null },

与路径

'back': { 'url':'img/logo.jpg', 'img':null },

然后一切正常。

但我希望能够使用通过 php-mysql 发送的图像路径来完成这项工作。有人可以帮忙吗？

Answer 1

问题是您的评论 **//object** 应为:

var image = { /* object */
    'back': { 'url':imageX, 'img':null },
    'front': { 'url':'img/background.jpg', 'img':null }
};

同时将 imageX = response[0].imgPath, 末尾的逗号更改为分号。

我不敢相信我花了这么长时间哈哈