显示网站URL(json)中的图像以在localhost

时间:2017-08-11 19:20:50

标签: javascript json hostname imagesource

我有json feed给我thumb_mage url。 这将返回url,如/webapps/CC/fileAPI/edc_eventcal/Celebrations_Todmorden%20Mills%20Harvest%20Festival_th__Vb2eHh-nEpJ8xLLEU5UFw.png

现在,在/ webapps /它需要“app.toronto.ca”才能获得完整路径。所以我已经将“localhost”替换为“app.toronto.ca”。它给了我完整的图像路径。

现在,麻烦的是,即使我检索完整的URL,image.src语法仍然会强制计算机将“Localhost:5000 /”添加到我完美组装的URL中。

function displayEvent(array,i){


    var image_url = array[i].calEvent.thumbImage.url;
    var image =new Image();
    var hostname = location.hostname;

    toronto_host = hostname.replace("localhost","app.toronto.ca") + 
    image_url;
    alert(toronto_host); //this give me pull URL path//

    image.src = toronto_host;
    alert(image.src);  
    // this gives localhost:5000/what_i_had_in_toronto_host//


    document.getElementById("party_picture").appendChild(image);


};

因为没有图像路径以http://localhost:5000/开头...我在测试网站时无法使用任何图像。

任何方式我可以使用没有localhost部分的正确URL分配图像src吗?

谢谢你!

0 个答案:

没有答案