Question

我正在使用上传，裁剪和调整图片大小的插件，然后以JSON格式吐出一个类似于以下内容的回调：

{
  "success": true,
  "action": "crop",
  "folder": "/podart",
  "size": "1606947",
  "oldName": "ALL-KEYS.jpg",
  "extension": "jpg",
  "mime": "image/jpeg",
  "isImage": "true",
  "name": "e6a4272ae328d9906908199dc7243aeb.jpg",
  "coords": {
            "x": "300",
            "y": "300",
            "width": "2400",
            "height": "2400",
            "rotate": "0"
  },
    "copies": [
        {
          "success": true,
          "folder": "/podart/medium",
          "name": "e6a4272ae328d9906908199dc7243aeb.jpg"
        }
    ]
}

这一切都在同一页面上完成，没有任何重新加载。

如何访问[副本] [文件夹] + [名称]数据并在IMG标记中回显？

我知道如何使用PHP，但我不能在这里使用PHP，因为在此数据到达之前页面已经呈现，所以我想我必须使用JS或jQuery，这是我迷失的地方。

我读过一些关于“确定”数据的方法，但我真的不明白如何实现它。也就是说，JSON被加载，而不是在同一页面上呈现。我只需要在收到这个JSON数据后显示这个图像。

Answer 1

我通过反复试验找到了答案。

如果有人想知道，在回复中我可以像这样访问它：

var cropped = ("http://www.website.com" + data.copies[0].folder + "\/" + data.copies[0].name);
$('#myimage').html("<img src=" + cropped + " />");

从页面上的回调中获取JSON数据

1 个答案: