我該如何加載從Javascript獲取的圖片以及Javascript

var loadingImage = image.src(data.points_of_interest[i].main_image); 
var bodystuff = document.createElement('img'); 
bodystuff.innerHTML = loadingImage, 
bodystuff.innerHTML = loadingImage, 
document.getElementById('outputs').appendChild(bodystuff);

這是我的Javascript以上，這裏是我的HTML;我該如何加載從Javascript獲取的圖片以及Javascript

<section id="outputs">  
</section>

來自API響應的圖像位置位於此處; data.points_of_interest[i].main_image

（確實注意到它是URL格式= 「https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Westminster_Abbey_West_Door.jpg/337px-Westminster_Abbey_West_Door.jpg」）

（也是在一個循環中，因此使用[I]）;

請指點一下嗎？

我上面的代碼只打印出控制檯中的URL。

感謝

來源

2017-01-01 Ayokunle

可能的複製[什麼是最好的JavaScript代碼來創建一個img元素（http://stackoverflow.com/questions/226847/what-is最好的JavaScript代碼創建一個img元素） – imjared

一個提示可能是首先將圖像轉換爲base64字符串，然後在img標籤中使用它作爲源 – carloliwanag

試試這個：的

var src = data.points_of_interest[i].main_image; // URL of the image 
var bodystuff = document.createElement('img'); 
bodystuff.src=src; 
document.getElementById('outputs').appendChild(bodystuff);

來源

2017-01-01 17:32:38

工作正常;但是我現在陷入了一種情況，我試圖在打印上面的圖像的同時打印出另一個信息，例如data.point_of_interest [i] .title，以便我可以對它們進行樣式設計;我試圖將賦予標題的變量追加到圖像上，但沒有任何效果。任何指針？ @SandeepNayak – Ayokunle

我該如何加載從Javascript獲取的圖片以及Javascript

回答

相關問題