2016-03-22 97 views
0

基本上我必須通過使用xampp的mysql和php創建自動存儲塔型圖表。 我已經完成了建立表的基礎知識,我指的是mysql數據庫等。我只是不知道如何編碼我創建的圖像文件夾的路徑。我的圖像文件夾位於我創建的名爲Jukebox的文件夾下的htdocs中。這是我的編碼:如何使用php和mysql上傳圖像文件夾

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table, th, td { 
    border: 1px solid black; 
} 
</style> 
</head> 
<body> 

<?php 
$servername = "localhost"; 
$username = "root"; 
$password = ""; 
$dbname = "jukebox"; 

// Create connection 
$conn = new mysqli($servername, $username, $password, $dbname); 
// Check connection 
if ($conn->connect_error) { 
    die("Connection failed: " . $conn->connect_error); 
} 

$sql = "SELECT * FROM Music"; 
$result = $conn->query($sql); 

if ($result->num_rows > 0) { 
    echo "<table> 

    <tr> 

    <th>Artist</th> 
    <th>Title</th> 
    <th>Album</th> 
    <th>Albumcover</th> 
    <th>Play</th> 
    </tr>"; 


// output data of each row 
    while($row = $result->fetch_assoc()) { 

     echo 

     "<tr> 

     <td>" . $row["Artist"]. "</td> 
     <td>" . $row["Title"]. "</td> 
     <td>" . $row["Album"]. "</td> 
     <td>" . $row["Albumcover"] 
     . "</td> 
     <td>" . $row["Play"] . "</td> 

     </tr>"; 
    } 
    echo "</table>"; 

} else { 
    echo "0 results"; 
} ?>   
</body> 
</html> 

This is what my php coding looks like

This is my image folder which i wish to create a path to so that all the album art can come up in the albumcover column

如何創建PHP與MySQL

回答

0
<style> 
.preview 
{ 
    width:400px; 
    border:solid 1px #dedede; 
    padding:10px; 
    color:#cc0000; 

} 
</style> 
<?php 
// output data of each row 
while($row = $result->fetch_assoc()) { 

    echo 

    "<tr> 

    <td>" . $row["Artist"]. "</td> 
    <td>" . $row["Title"]. "</td> 
    <td>" . $row["Album"]. "</td> 
    <td><img class='preview' src='jukebox/img/" . $row["Albumcover"] ."' alt=".$row["Albumcover"]."></td> 
    <td>" . $row["Play"] . "</td> 

    </tr>"; 
} 
+0

謝謝,它的工作,但在albumcover列內每個圖像已被作爲一個小圖標被撕毀的圖像 –

+0

這就是你應該做的事情在css –

+0

使用CSS來使邊界那很簡單 –

0

不需要做什麼特別的這條道路。您正在從base directory/jukebox/工作,您的圖片駐留在/jukebox/img/。我們讓它工作:

<img src=\"/jukebox/img/".$row['Albumcover']."\"/> 

在你的循環中。現在專輯封面將在該行中顯示爲一張圖片。

+0

在我的編碼中,我會放這個嗎? –

+0

你可以在我目前的編碼更具體的位置?因爲它不在我要放的地方,對不起。 –

+0

@NahedahAhmed你會想要在你的循環中使用它,所以你可以正確地引用該行,例如:'​​'。$ row [「Albumcover」]。「' – Ohgodwhy

相關問題