在JS / jQuery

Question

我从使用不安全位置（http）图像的API中提取图像。为了在我的应用上正确地提供它，我需要通过https。有没有办法在页面上提供之前进行转换？

以下是我所拥有的：

$(document).ready(function() {
   console.log("ready!");

var url = 'https://api.petfinder.com/pet.getRandom';

$.ajax({
    url: url,
    jsonp: "callback",
    dataType: "jsonp",
    data: {
        key: "4a9698752f4139c768c657d4776e1fbf",
        animal: 'dog',
        output: 'basic',
        format: 'json'
    },
    // Here is where we handle the response we got back from Petfinder
    success: function(response) {
        console.log(response); // debugging

        var dogName = response.petfinder.pet.name.$t;
        var img = response.petfinder.pet.media.photos.photo[2].$t;
        var id = response.petfinder.pet.id.$t;

        var newName = document.createElement('a');
        var newDiv = document.createElement('div');
        newName.textContent = dogName;
        newName.href = 'https://www.petfinder.com/petdetail/' + id;

        var newImg = document.createElement('img');
        newImg.src = img;

        var list = document.createElement("div");
        list.setAttribute("id", "List");
        document.body.appendChild(list);

        newDiv.appendChild(newName);
        list.appendChild(newDiv);
        list.appendChild(newImg);
    }
  })
})

我的想法是通过变量对对象属性进行编码，然后以某种方式转换该变量，但我不知道该怎么做。我不认为我正在搜索正确的问题，因为这似乎不会那么难。

var encodedUrl = encodeURIComponent(img);
        console.log(encodedUrl);