如何在上传时获取cloudinary小部件图像信息？

Question

我正在使用cloudinary小部件在我的网站上上传图像。现在，我想从上传图片时从图片中获取信息，例如该图像的路径。

我可以看到该信息在上载映像时在控制台日志中可用，例如{path：“ v1586568667 / myusername / lp62llmn8sa7r5vqjovd.jpg”}

[我相信我必须使用Ajax来获取此信息，但是如果有人可以向我指出正确的方向，我正在努力寻找一些示例。

Answer 1

Upload Widget配置采用一个回调函数，该函数将具有上载方法调用中的error和result对象。您可以使用这两个对象检查上传是否失败，状态如何以及如何处理API响应中返回的信息。

例如，如果您想将secure_url打印到上传的图像上，则可以执行-->

var cloudinaryWidget = cloudinary.createUploadWidget({
    cloudName: "xxx",
    uploadPreset: "yyy"
  },
  function(error, result) {
    if (!error && result && result.event === "success") {
      console.log(result.info.secure_url);
    }
  }
);
成功上传图像后，控制台将记录secure_url。

[通常，result.info对象将包含标准的upload API响应。因此，您可以提取所需的零件。例如。您可能也希望将其存储在您的身边result.info.public_id，以便可以对文件进行其他API操作，例如删除它。