【发布时间】：2017-04-30 21:43:51
【问题描述】：
我想从数据库中检索图像并将其显示在数据模型的 div 中。我上传图片保存到图片->空位文件夹。现在我想在按下按钮时显示它。每个图像名称为 'vacancyid'.jpg 格式。我尝试使用以下代码。但我没有成功。
<?php
require('dbconnection.php');
$sql="select * from vacancy";
$res=mysqli_query($conn,$sql);
if(mysqli_num_rows($res)>0){
while($row=mysqli_fetch_assoc($res)){
?>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js">
</script>
<div class="bs-calltoaction bs-calltoaction-primary" id="jobvacancydiv<?php echo $row['vacancyid'];?>">
<div class="row">
<div class="col-md-9 cta-contents">
<form action="sendemail.php" enctype="multipart/form-data" method="post">
<h1 class="cta-title">Its a Call To Action</h1>
<div class="cta-desc">
<input type="text" value='<?= $row['catogary'];?>' readonly style="width: 75%"><br><br>
<input type="text" value='<?= $row['company_name'];?>' readonly style="width: 75%"><br><br>
<input type="text" value='<?= $row['location'];?>' readonly style="width: 75%"><br><br>
<input type="text" value='<?= $row['qulification'];?>' readonly style="width: 75%"><br><br>
<input type="text" value='<?= $row['catogary'];?>' readonly style="width: 75%"><br><br>
<input type="text" value='<?= $row['indate'];?>' readonly style="width: 37.5%">
<input type="text" value='<?= $row['expdate'];?>' readonly style="width: 37.5%"><br>
<input type="text" id="email" name="email" value='<?= $row['email'];?>'><br>
<input type="file" name="uploaded_file" id="uploaded_file" class="text-center center-block well well-sm">
<input type="submit" id="btn" name="btn" class="btn btn-primary" value="Apply"></input>
<button id="showimg" name="showimg" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Open Modal</button>
<?php
if(isset($_POST['showimg'])){
?>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Image preview</h4>
</div>
<div>
<?php
//$imageData = base64_encode($row['image']);
// Format the image SRC: data:{mime};base64,{data};
//$src = 'data:images/vacancy;base64,'.$imageData;
$src='images/vacancy'.$row['vacancyid'].'.jpg';
echo "<img src='".$src."'>";
?>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</form>
</div>
</div>
</div>
<script>
window.setInterval(function(){
var current = new Date();
var expiry = new Date("<?= $row['expdate'];?>");
if(current.getTime()>expiry.getTime()){
$('#jobvacancydiv<?php echo $row['vacancyid'];?>').hide();
}
else{
$('#jobvacancydiv<?php echo $row['vacancyid'];?>').show();
}
});
</script>
</div>
<?php
}
}
else{
echo mysqli_error($conn);
}
?>
【问题讨论】：
-
这个表格是
sendmail.php的文件名吗？ -
sendmail.php 页面用于发送带附件的电子邮件。
-
现在重点来了。当 HTML 表单 POST 加载动作脚本/页面时，您的模式将永远不会显示。这不允许加载表单页面上的模式。你试过用 ajax 代替吗？
-
不，我没有为此使用 ajax
-
在我发布我的答案之前，请确认这些点。您首先处理
sendemail.php。完成此操作后，您打算在所述目录中显示带有所需图像的 Modal 吗？对吗？