UPDATE: I managed to get it working by not using absolute file paths (../Images\City of Bath College Logo.jpg).
2nd UPDATE: Also used it for the CSS file too and now it works 'the HTML way'.
I'm having an issue displaying an image in my PHP file (the City of Bath College logo). If I save the file as an HTML file (and change the way CSS is linked) it works fine, but it doesn't work as PHP. I've tried searching for an answer for a few hours with no luck. I imagine it's just some newbie/rookie mistake. Thanks in advance for help.
<!DOCTYPE html>
<head>
<title>Project Cherrypicker | Login</title>
<!-- Link CSS File -->
<style><?php include 'F:\XAMPP\htdocs\Project Cherrypicker\CSS\LoginPage.css'; ?></style>
</head>
<body>
<!-- Login Form -->
<div class = "LoginForm">
<!-- City of Bath College Logo -->
<img src = "F:\XAMPP\htdocs\Project Cherrypicker\Images\City of Bath College Logo.jpg" class = "Logo">
<!-- Headers -->
<h1>Project Cherrypicker</h1>
<h2>Log In</h2>
<form action = "HomePage.html" method = "Post">
<!-- Username Box -->
<label for = "Username">Username</label>
<input type = "text" name = "Username" placeholder = "Enter Username" required>
<!-- Password Box -->
<label for = "Password">Password</label>
<input type = "password" name = "Password" placeholder = "Enter Password" required>
<!-- Submit Button -->
<input type = "submit" name = "Submit" value = "Login">
<!-- Website Credit -->
<p id = "LoginFormCredit">Website created by Jordan Rowe.</p>
</form>
</div>
</body>
Your code in PHP schould look like this.
<img src='data:image/jpg;base64,<?php echo base64_encode(file_get_contents("F:\XAMPP\htdocs\Project Cherrypicker\Images\City of Bath College Logo.jpg")); ?>'>
Spaces are bad practice inside of file paths, either re-name the file or change the html src to have '%20' where the spaces are, as this represents a single space.