评价图像系统
Rate image system
所以我创建了这个函数,您可以在其中将图像与一些信息一起上传到服务器。文本信息保存到数据库,图像保存到文件夹。然后,我将图像与存储在数据库中的信息一起回显出来。但我想通过添加评级系统来增强它。
我创建的评级系统将统计存储在 txt 文件中。我需要帮助的是将保存与 txt 文件中的统计信息交换,并将其存储在数据库中。
这就是我回显图像的方式,以及信息和星号功能:
<?php
//Sortering
$order = "";
if(isset($_GET['order'])){
if($_GET['order'] == "date"){
$order = " ORDER BY date DESC";
}
}
if(isset($_GET['order'])){
if($_GET['order'] == "uppladdare"){
$order = " ORDER BY uppladdare";
}
}
//Database connection
$dbcon = mysqli_connect("");
$selectall = "SELECT * FROM mountains $order";
$result = mysqli_query($dbcon, $selectall);
while($row = mysqli_fetch_array($result)){
$information = ' Titel: ' . $row['titel'] . ' Uppladdare: ' . $row['uppladdare'] . ' Filnamn: ' . $row['filname'] . ' History: ' .$row['History'] . ' Datum: ' . $row['date'];
//Print out correct information to the uploaded image
echo "<br>";
echo "Title: " . $row['titel'] . "<br>";
echo "Uploader: " . $row['uppladdare'] . "<br>";
echo "Imagename: " . $row['filname'] . "<br>";
echo "History: " . $row['History'] . "<br>";
echo "Date: " . $row['date'] . "<br>";
echo "Image:";
echo "<br>";
echo "<form name='rating' id='rating'>
<div id='rating-area' class='shadow'>
<img src='stjärna.png' id='thumb1' data-value='1' />
<img src='stjärna.png' id='thumb2' data-value='2' />
<img src='stjärna.png' id='thumb3' data-value='3' />
<img src='stjärna.png' id='thumb4' data-value='4' />
<img src='stjärna.png' id='thumb5' data-value='5' />
</div>
</form>";
?>
<script>
jQuery('div#rating-area img').click(function(e){
var val = jQuery(this).data('value') ;
console.log(val) ;
jQuery.post('post.php',{ rating : val },function(data,status){
console.log('data:'+data+'/status'+status) ;
}) ;
}) ;
</script>
<script>
$(document).ready(function(){
setInterval(function(){
$('#resultat').load('ajax.php');
},500);
});
</script>
<?php
$original = $row['filname'];
echo "<a class='fancybox' rel='massoravbilder' href='bilder/$original'> <img src='bilder/thumb_" . $row['filname'] . "' alt='$information' /></a>" . "<br>";
}
?>
<script>
jQuery('div#rating-area img').click(function(e){
var val = jQuery(this).data('value') ;
console.log(val) ;
jQuery.post('post.php',{ rating : val },function(data,status){
console.log('data:'+data+'/status'+status) ;
}) ;
}) ;
</script>
我仍然是一个初学者,所以如果有人能向我展示一种解决此问题的简单方法,我将不胜感激。希望它简单,比如在投票方面没有限制。
只需上传每个点击率,并在星星下方回显所有选票的平均值。
注意:仅使用textfile时,评级系统工作正常。 ajax.php是函数背后的计算大师。post.php将评级统计信息发送到tex文件。
你应该做这样的事情。我不知道字段是否存在,但这是遵循的方式。我希望它能给你一个想法。
在您的表单中
//...
while($row = mysqli_fetch_array($result)){
$information = ' Titel: ' . $row['titel'] . ' Uppladdare: ' . $row['uppladdare'] . ' Filnamn: ' . $row['filname'] . ' History: ' .$row['History'] . ' Datum: ' . $row['date'];
//Print out correct information to the uploaded image
echo "<br>";
echo "Title: " . $row['titel'] . "<br>";
echo "Uploader: " . $row['uppladdare'] . "<br>";
echo "Imagename: " . $row['filname'] . "<br>";
echo "History: " . $row['History'] . "<br>";
echo "Date: " . $row['date'] . "<br>";
echo "Image:";
echo "<br>";
// Add the input with image id value (I suppose it exist)
echo "<form name='rating' id='rating'>
<div id='rating-area' class='shadow'>
<input type='hidden' name= 'image_id' value = $row[image_id]>
<img src='stjärna.png' id='thumb1' data-value='1' />
<img src='stjärna.png' id='thumb2' data-value='2' />
<img src='stjärna.png' id='thumb3' data-value='3' />
<img src='stjärna.png' id='thumb4' data-value='4' />
<img src='stjärna.png' id='thumb5' data-value='5' />
</div>
</form>";
阿贾克斯
<script>
jQuery('div#rating-area img').click(function(e){
// serialize the form and retrieve all value in PHP with $_POST['theNameOfInput']
jQuery.post('post.php',{ form : $(this).serialize() },function(data,status){
console.log('data:'+data+'/status'+status) ;
}) ;
}) ;
</script>
后.php
<?php
$imageId = (int) $_POST['image_id'];
// ... Your database treatments
$sql = "UPDATE image SET image_rating = image_rating + 1 WHERE image_id = $imageId";
//... Your code
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- 将图像保存到安卓系统中的SD卡
- 如何在html5中从系统中获取图像并加载到画布中
- 如何使用chrome文件系统api从chrome应用程序中的url下载图像
- 使用QR图像的学生考勤系统包含学生ID
- 如何在HTML / JavaScript中加快本地文件系统中大图像的显示速度
- 在 AngularJs 中将图像从文件系统发送到服务器
- PhoneGap-安卓系统-如何将相机拍摄的图像保存在sd卡中
- 是否有任何jquery插件可以像Facebook墙系统中那样从网络摄像头中捕获图像和视频
- 使用chrome文件系统toURL未显示图像
- 使用数据库与文件系统进行图像排序
- 递归延迟文件系统搜索图像
- 当我们点击保存时,我们可以像直接下载图像一样在系统中保存画布图像吗
- 上传前查看从客户端文件系统中选择的图像
- 利用dcm4cheDICOM工具包和dcm4chee归档系统(PACS)在node.js中实现基于云的图像共享平台
- 评价图像系统