Javascript 在jquery对话框中显示php/mysql抓取的图像

更新：在发布的代码中找到并更新了解决方案

目前，我将图像存储在我的系统上的一个目录中，我正在该目录中托管iis服务器（该服务器是一个LCALServer，但我正在进行编码，以便它也能在公共web上工作）。不管怎样，我都能够很好地抓取这些图像，并使用这里的代码将它们输出到正确的位置-

<?php
$profileQuery = "SELECT * FROM photos WHERE uploadEmail ='".$_SESSION['friendEmail']."' ORDER BY uploadDate DESC;";
$profileResult = mysqli_query($connect,$profileQuery);
while($rowSize = $profileResult->fetch_assoc()){    
echo "<tr><td><img class='img' id='".$rowSize['id']."' src='".$rowSize['filepath']."' title='Upload Date: ".$rowSize['uploadDate']."' height='250' alt='File Name: ".$rowSize['filepath']." Upload Date: ".$rowSize['uploadDate']."'></td></tr>";}
?>

---

试试下面的示例代码



$（'.img'）。单击（函数（）{
$（“#insertImage”）.attr（“src”，this.src）；
$（“#myModal”）.modal（'show'）；
});
我应该在哪里插入“mysqli\u real\u escape\u string”来解决此问题？我将如何为您的图像链接添加子链接？我的图片上传目前的设计方式是这样的，因为我不知道一个用户可以上传多少图片。或者我现在不需要图像id或类吗？我更新了上面的代码，只需要使用javascript。不幸的是，我不知道您的其他代码，因此我无法向您展示这将如何应用于您的代码。谢谢您，我最终需要的唯一一行代码是这个html
和这个java脚本
$（“#insertImage”）.attr（“src”，this.src）我将修复上面的代码
<div id="modal" style="display: none;">
<p>i am test data</p><!--this shows up in dialog-->
<img id="insertImage"></img>
<!--<?php 
echo "
<script>
document.getElementById('".$rowSize['id']."');
</script>
"
?>--><!--this php code made the site throw an error 500(edit: php code removed))-->
<form>
<input type='button' style='width:100%;' name='close' class='ibtni' value='Close!' id='close'/>
</form>
</div>
<script>
$(document).ready(function(){
$(function() {
$('#modal').dialog({
autoOpen: false,
modal: true,
title: "Image",
draggable: false,
resizable: false,
closeOnEscape: false,
dialogClass: "noclose"
});
$('.img').click(function() {
$("#insertImage").attr("src",this.src);//makes picture load in image placeholder in the div
$('#modal').dialog('open');
});
});
$('#close').click(function() {
$('#modal').dialog('close');
});
});
</script>