如何从下面的代码中删除数据库中的图像
How can I delete Image from database from below code
我想在单击"否"按钮时从数据库中删除图像。。
由于单行中有多个图像,因此此代码将如何工作。。
当我点击其缩略图时,单个模型弹出显示图像,在弹出模型上有Yes和No按钮,
在"是"按钮缩略图应该是原样,数据库中没有任何更改。但在"否"按钮上,它应该从弹出模型中打开的数据库中删除特定的图像。
我需要将JavaScript变量传递到php代码吗?
$(function popup() {
$('.pop').on('click', function popup() {
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
$('#imagemodal').modal('show');
});
});
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<a href="#" class="pop">
<img src="http://patyshibuya.com.br/wp-content/uploads/2014/04/04.jpg" style="width: 400px; height: 264px;" class="img-responsive">
</a>
<a href="#" class="pop">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/22/Turkish_Van_Cat.jpg" style="width: 400px; height: 264px;">
</a>
<!-- Image Popup to large image -->
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" data-dismiss="modal">
<div class="modal-content" >
<div class="modal-body"><form action="#" method="POST">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<img src="" class="imagepreview" style="width: 100%;" >
</div>
<div class="modal-footer">
<center>
<div class="col-xs-12">Do you want to verify this?
<button type="button" class="btn btn-success" name="yes">Yes</button>
<button type="button" class="btn btn-danger" name="no">No</button>
</div>
</form>
</center>
</div>
</div>
</div>
</div>
下面是我的php代码。
if(isset($_POST['no'])) {
$imagename = $_POST['imagename'];
$update= "UPDATE usertable SET profile_image= NULL WHERE id='$id'";
if(mysql_query($update)) {
echo "Successful!";
echo $imagename;
} else {
echo mysql_error();
}
}
在您的html中进行以下更改:
<img src="" class="imagepreview" style="width: 100%;" id="deleteimage" >
在JS文件中添加以下代码:
delete = $("#deleteimage").attr('src');
然后使用ajax将这个"delete"值传递给服务器。
your field in database "profile_image" what it actually contains. single image or multiple ?
相关文章:
- 解析云代码作业:删除在数据库中已经存在一个小时的行
- 删除数据库(JSP)上的一行
- 使用Ajax和JQuery从SQL数据库中添加和删除一行
- 如何让ajax与数据库交互,以便发布、获取和删除
- 从mysql数据库中删除项目,然后返回最后一页
- 在删除数据库值之前具有确认屏幕
- 在确认屏幕后删除数据库值 - 值不删除
- 索引数据库删除数据库不会重置版本
- 如果出现成功 = 2 消息,如何删除数据库行
- 单击取消按钮后如何删除数据库行
- 当我单击“取消”按钮时,它不会删除数据库行
- 如何从下面的代码中删除数据库中的图像
- 如何在15天后自动删除数据库中的一行数据
- 使用javascript和php删除数据库行
- MongoDB / mongab Remove请求在本地工作,但在现场时删除数据库
- 如何删除数据库使用数组方法DELETE
- 删除数据库条目和AngularJS.如果一个条目不能被删除,我应该抛出异常吗?
- 如何在WebSQL中以编程方式删除数据库
- JavaScript打印和AJAX保存/删除数据库
- 在Mocha中,Mongoose不能正确地删除数据库并关闭连接