Как получить информацию об изображении облачного виджета при загрузке?

Question

Я использую облачный виджет для загрузки изображений на мои сайты. Теперь я хотел бы получить информацию из изображения при его загрузке, например, путь к этому изображению.

Я вижу, что эта информация доступна в журнале консоли при загрузке изображения, например, {путь: " v1586568667 / myusername / lp62llmn8sa7r5vqjovd.jpg "}

Я считаю, что мне нужно использовать ajax, чтобы получить эту информацию, но я изо всех сил пытаюсь найти некоторые примеры, если кто-то может указать мне правильное направление.

Answer 1

Спасибо всем за отзыв. Я нашел способ, который соответствует моим потребностям, см. Обновленный скрипт ниже, где я получаю значение «result.info.path» с помощью «var imagePath», затем я могу вызывать его в любом месте на странице с помощью «document.getElementById» например.

var myWidget = cloudinary.createUploadWidget({
  cloudName: 'myusername', 
  uploadPreset: 'preset_unsigned'}, (error, result) => { 
    if (!error && result && result.event === "success") { 
      console.log('Done! Here is the image info: ', result.info); 

    var imagePath = result.info.path;

        document.getElementById("uploadedImage").src = "https://res.cloudinary.com/myusername/image/upload/" + imagePath;

    }
  }
)

document.getElementById("upload_widget").addEventListener("click", function(){
    myWidget.open();
  }, false);

Answer 2

В конфигурации 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 будет содержит стандартный API загрузки ответ. Таким образом, вы можете извлечь нужные вам части. Например, result.info.public_id, который вы, вероятно, также хотите хранить на своей стороне, чтобы вы могли выполнять другие операции API с файлом, например удалять его.