使用php和bootstrapformvalidation将图像上载到mysql数据库 帐户设置 选择您的个人资料图片 侧面图* 使现代化 $(文档).ready(函数(){ $(“#文件格式”) .bootstrapValidator({ 消息:“此
使用php和bootstrapformvalidation将图像上载到mysql数据库使用php和bootstrapformvalidation将图像上载到mysql数据库 帐户设置 选择您的个人资料图片 侧面图* 使现代化 $(文档).ready(函数(){ $(“#文件格式”) .bootstrapValidator({ 消息:“此,php,mysql,ajax,image,jqbootstrapvalidation,Php,Mysql,Ajax,Image,Jqbootstrapvalidation,使用php和bootstrapformvalidation将图像上载到mysql数据库 帐户设置 选择您的个人资料图片 侧面图* 使现代化 $(文档).ready(函数(){ $(“#文件格式”) .bootstrapValidator({ 消息:“此值无效”, 反馈图标:{ 有效:“glyphicon glyphicon ok”, 无效:“glyphicon glyphicon删除”, 正在验证:“glyphicon glyphicon刷新” }, 字段:{ 图片:{ 验证器:{ 文件:{
帐户设置
选择您的个人资料图片
侧面图*
使现代化
$(文档).ready(函数(){
$(“#文件格式”)
.bootstrapValidator({
消息:“此值无效”,
反馈图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
字段:{
图片:{
验证器:{
文件:{
扩展名:“jpeg,png”,
键入:“image/jpeg,image/png”,
最大尺寸:100*100,
消息:“所选文件无效”
}
}
}
}
})
.on('success.form.bv',函数(e){
//防止表格提交
e、 预防默认值();
//获取表单实例
变量$form=$(e.target);
//获取BootstrapValidator实例
var bv=$form.data('bootstrapValidator');
//使用Ajax提交表单数据
$.post($form.attr('action'),$form.serialize(),函数(结果){
如果(结果=“成功”)
{
警报(结果);
}
其他的
{
警报(结果);
}
}“json”);
});
});
php文件
所以var\u dump
显示$\u POST['image']
为空?如果(isset($\u FILES['image']):这是安全的。所以每次都会转到另一部分。
<?php
session_start();
if(isset($_SESSION['user']))
{
?>
<head>
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="vali/css/bootstrapValidator.css"/>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootswatch.js"></script>
<script type="text/javascript" src="vali/js/bootstrapValidator.js"> </script>
<script src="../SnapClient/gui.js"></script>
<script src="../SnapClient/cloud.js"></script>
<script src="../SnapClient/index.html"></script>
</head>
<body>
<br><br><br><br>
<!-- Fixed navbar -->
<?php include("header.html");?>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h4> <img alt="" height="50" width="80"/> Account Settings </h4>
</div>
<div class="panel-body">
<div class="col-ms-8"><hr><center><h5>Pick Your Profile Picture</h5></center>
<div class="well">
<form class="form-horizontal" id="fileForm" method="post" action="registrationupdate3.php" enctype="multipart/form-data" >
<fieldset>
<div class="form-group">
<label for="image" class="col-lg-3 control-label">Profile Picture<span style="color:red;">*</label>
<div class="col-lg-6">
<input type="file" class="form-control" name="image" />
</div>
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-3">
<button class="btn btn-primary" id="imageupload" name="imageupload" >Update</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#fileForm')
.bootstrapValidator({
message: 'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
image: {
validators: {
file: {
extension: 'jpeg,png',
type: 'image/jpeg,image/png',
maxSize: 100 * 100,
message: 'The selected file is not valid'
}
}
}
}
})
.on('success.form.bv', function(e) {
// Prevent form submission
e.preventDefault();
// Get the form instance
var $form = $(e.target);
// Get the BootstrapValidator instance
var bv = $form.data('bootstrapValidator');
// Use Ajax to submit form data
$.post($form.attr('action'), $form.serialize(), function(result) {
if(result=="success")
{
alert(result);
}
else
{
alert(result);
}
}, 'json');
});
});
</script>
<?php include("footer.html");?>
</body>
</html>
<?php
} else {
header("Location:index.html");
}
?>
php file
<?php
session_start();
include 'db_connection.php';
if(is_uploaded_file($_FILES['image']['tmp_name'])) {
$prfimage= addslashes(file_get_contents($_FILES['userImage'] ['tmp_name']));
$username = $_SESSION['user'];
$query= mysql_query("UPDATE userdetails set profileimage='{$prfimage}' WHERE username='".$username."'");
echo $query;
}
else
{
echo "the image file is empty";
}
?>