如何将特定的 json 响应对象设置为 js var - Cloudinary

Posted 2023-03-25

【中文标题】如何将特定的 json 响应对象设置为 js var - Cloudinary

【英文标题】：How to set a specific json response object as a js var - Cloudinary

【发布时间】：2018-01-26 20:14:35

【问题描述】：

我正在使用 Cloudinary 来托管由用户设置的个人资料图片。

我的 Web 应用程序主要使用 php -> 以下是 Cloudinary http://cloudinary.com/documentation/php_image_upload#overview 提供的说明

我遇到的问题是我想通过解析JSON返回的图像新创建的URL，在上传后直接显示图像。

当我执行 Cloudinary 提供的 console.log 时：

    $(document).ready(function() 
        $('.cloudinary-fileupload').bind('cloudinarydone', function(e, data) 
           console.log(data);
           return true;
        );
    );

This is the console.log response that I receive

任何人都可以帮助我使用 javascript 或 JQuery 函数，以便在我的图像标签中显示更新的图像。

【参考方案1】：

你需要阅读树...

jqXHR.responseJSON.url

在这种情况下，使用

data.result.url

查看http://cloudinary.com/documentation/php_image_upload#preview_thumbnail_progress_indication_multiple_images的示例

【讨论】：

@JohnHenrique，感谢您的回复。问题是我想用新上传的头像更新现有的头像。您的链接是指显示与我的想法不完全一样的预览。

您需要查看代码示例“如何获取 url 返回”，请多加注意。退货流程完全一样。

你一定认为我很蠢什么的。但是非常感谢，我意识到你的回答是什么意思，并且能够使用 Console.log 获得我需要的变量。现在我只需要实现值的替换。

您使用的是 jQuery，对吗？要替换 SRC 图像的值，只需使用 prop 函数。看文档很简单。

【参考方案2】：

能否根据返回的json更新图片标签的src？

回调函数中是这样的：

var imgDiv = document.getElementById("profile");
imgDiv.src = data.jqXHR.responseJSON.url;

【讨论】：

@JS. 我对编程比较陌生，如果您可以查看图像“这是我收到的 console.log 响应”中提供的返回代码，我将不胜感激[链接] (i.stack.imgur.com/Ua8kw.png) 帮助我制定一些针对我的具体情况的实际脚本。