2016-05-09 16 views
2

Hallo im Erstellen eines dynamischen Bild Slider, aber das Bild wird nicht angezeigt. Ich kann ein Bild in das Dateiverzeichnis hochladen. Ich weiß nicht, was das Problem ist, wenn die Datenbank das Problem oder was ist. Ich bin neu zu html und css auch zu php. Kann mir jemand Ideen geben, was die Ursache dafür ist, dass ich die Bilder nicht zeige?Bild nicht auf Bild Slider

hier ist es das Bild wird nicht angezeigt, aber ich kann Datei in meine Galerie Dateiverzeichnis hochladen. enter image description here

Hier ist meine Datenbank sql. enter image description here

Hier ist mein PHP-Code.

<?php 
//for connecting db 
include('connect.php'); 
if (!isset($_FILES['image']['tmp_name'])) { 
echo ""; 
} 
else 
{ 
$file=$_FILES['image']['tmp_name']; 
$image= addslashes(file_get_contents($_FILES['image']['tmp_name'])); 
$image_name= addslashes($_FILES['image']['name']); 
move_uploaded_file($_FILES["image"]["tmp_name"],"gallery/" . $_FILES["image"]["name"]); 
$photo="gallery/" . $_FILES["image"]["name"]; 


$query = mysqli_query($mysqli, "INSERT INTO images(photo)VALUES('$photo')"); 
$result = $query; 

echo '<script type="text/javascript">alert("image successfully uploaded ");window.location=\'index.php\';</script>'; 
} 
?> 
<!DOCTYPE html> 
<html> 
    <head> 
     <link href="css/style.css" rel="stylesheet" /> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
     <script src="js/slider.js"></script> 
     <script> 
     $(document).ready(function() { 
     $('.flexslider').flexslider({ 
     animation: 'fade', 
     controlsContainer: '.flexslider' 
     }); 
     }); 
     </script> 
    </head> 
    <body> 
    <div class="container"> 
    <form class="form" action="" method="POST" enctype="multipart/form-data"> 
     <div class="image"> 
      <p>Upload images and try your self </p> 
     <div class="col-sm-4"> 
       <input class="form-control" id="image" name="image" type="file" onchange='AlertFilesize();'/> 
       <input type="submit" value="image"/> 
      </div> 
     </div> 
     </form> 
     <div class="flexslider"> 
      <ul class="slides"> 
       <?php 
        // Creating query to fetch images from database. 
        $query = mysqli_query($mysqli, "SELECT * from images order by id desc limit 5"); 
        $result = $query; 
        while($r = mysqli_fetch_array($result)){ 
       ?> 
        <li> 
        <img src="<?php echo $r['photo'];?>" width="400px" height="300px"/> 
        </li> 
       <?php 
       } 
       ?> 
      </ul> 
     </div> 
    </div> 
    </body> 
</html> 

hier ist mein connect.php

<?php 
// hostname or ip of server 
$servername='localhost'; 
// username and password to log onto db server 
$dbusername='root'; 
$dbpassword=''; 
// name of database 
$dbname='pegasus'; 

////////////// Do not edit below///////// 
$mysqli = new mysqli($servername,$dbusername,$dbpassword,$dbname); 
if($mysqli->connect_errno){ 
    printf("Connect failed: %s\n", $mysql->connect_error); 
    exit(); 
} 

?> 
+0

Bild Ihre Spaltennamen zeigt ist 'image' und Sie holen Aufzeichnungen von Spaltennamen' photo'? Was ist das? – Apb

+0

Hey Mann. Wie kann ich Ihren Kommentar als Antwort markieren? es funktionierte. – nethken

+0

jetzt akzeptieren Sie als Antwort – Apb

Antwort

1

Bild zeigt Ihre Spaltenname Bild ist und Sie Datensätze nach Spaltenname Foto sind zu holen.

<img src="<?php echo $r['photo'];?>" width="400px" height="300px"/> 
Ändern Sie einfach

zu

<img src="<?php echo $r['image'];?>" width="400px" height="300px"/>