Я уже получил данные, которые понадобятся при отображении двух изображений в HTML, но моя проблема в том, что я не знаю, как правильно подключить значения из данных JSON, чтобы они отображались как изображения. Вот мой текущий прогресс:
Вот мой фрагмент кода:
<div class = "modal-body">
<p>Original Image: <span id = "Orig_Image"></span></p>
<img src = "Orig_Image" alt="Original Image" height="200" width="200">
<p>RGB Image: <span id = "RGB_Image"></span></p>
<img src = "RGB_Image" alt="RGB Image" height="200" width="200">
</div>
<script>
function showDetails(button){
var Report_ID = button.id;
$.ajax({
url: "Retrieve_Image.php",
method: "GET",
data: {"Report_ID": Report_ID},
success: function(response){
//alert(response);
var Images = JSON.parse(response);
$("#Orig_Image").text(Images.Original_Image_Directory);
$("#RGB_Image").text(Images.RGB_Image_Directory);
$("#myModalLabel").text(Images.Image_Name);
}
});
}
</script>
Вопрос
Как я могу передать значения, полученные из JSON, в img? Если решение, которое я хочу, не возможно? Есть ли другой способ отображения изображений?
UPDATE
Вот значение, которое JSON возвращает из файла Retrieve_Image.php
это следующие значения, которые возвращает JSON.
- Параметр - имя изображения
- Параметр - путь к файлу и имя его изображения для исходного изображения
- Параметр - путь к файлу и его имя для изображения RGB.