Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 883
  • Last Modified:

display image from path stored in MySQL

Hello and happy new year!

I have a a mysql database, a php-file and a html-file (attatched).

Question: How can I display the picture ? (look at my attatched files, then u will notice that I try to present the picture along with other data).

To specify my question more:

1) exctly whar data about the path to the picture needs to be stored in the database?Example; if the picture is named "youtube.gif" , do I only need to store the picturename in the sql-table ?

2) Secondly: What changes do I need to do in my php-script to display the picture ?

I need to solve this quicly. Please help :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


$dbhost = "ixxxxx.hive.no";
$dbuser = "xxxxx";
$dbpass = "xxxxx";
$dbname = "xxxxxx";
	//Connect to MySQL Server
mysql_connect($dbhost, $dbuser, $dbpass);
	//Select Database
mysql_select_db($dbname) or die(mysql_error());
	// Retrieve data from Query String
$age = $_GET['age'];
$sex = $_GET['sex'];
$wpm = $_GET['wpm'];
	// Escape User Input to help prevent SQL Injection
$age = mysql_real_escape_string($age);
$sex = mysql_real_escape_string($sex);
$wpm = mysql_real_escape_string($wpm);
	//build query
$query = "SELECT * FROM ajax_example WHERE ae_sex = '$sex'";
	$query .= " AND ae_age <= $age";
	$query .= " AND ae_wpm <= $wpm";
	//Execute query
$qry_result = mysql_query($query) or die(mysql_error());

	//Build Result String
$display_string = "<table>";
$display_string .= "<tr>";
$display_string .= "<th>Name</th>";
$display_string .= "<th>Age</th>";
$display_string .= "<th>Sex</th>";
$display_string .= "<th>WPM</th>";
$display_string .= "<th>Picture</th>";
$display_string .= "</tr>";

	// Insert a new row in the table for each person returned
while($row = mysql_fetch_array($qry_result)){
	$display_string .= "<tr>";
	$display_string .= "<td>$row[ae_name]</td>";
	$display_string .= "<td>$row[ae_age]</td>";
	$display_string .= "<td>$row[ae_sex]</td>";
	$display_string .= "<td>$row[ae_wpm]</td>";
	$display_string .= "<td>$row[ae_picture]</td>";
	$display_string .= "</tr>";
echo "Query: " . $query . "<br />";
$display_string .= "</table>";
echo $display_string;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="javascript" type="text/javascript">
//Browser Support Code
function ajaxFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
	var age = document.getElementById('age').value;
	var wpm = document.getElementById('wpm').value;
	var sex = document.getElementById('sex').value;
	var queryString = "?age=" + age + "&wpm=" + wpm + "&sex=" + sex;
	ajaxRequest.open("GET", "ajax-example2.php" + queryString, true);


<form name='myForm'>
Max Age: <input type='text' id='age' /> <br />
Max WPM: <input type='text' id='wpm' />
<br />
Sex: <select id='sex'>
<option value='m'>m</option>
<option value='f'>f</option>
<input type='button' onclick='ajaxFunction()' value='Query MySQL' />
<div id='ajaxDiv'>Your result will display here</div>


Open in new window

  • 2
1 Solution
K VDatabase ConsultantCommented:
1. you may store a full path to the image along with image name.
you may also store caption which can be altered later.
depending on requirements you can extract image details and store it in to relative table.

Check a very simple example below:
K VDatabase ConsultantCommented:
that was for image stored in database: in case of path::
considering your image is accessible from your domain, you may just print it as:

...display_string .= "<td>$row[ae_sex]</td>";
        $display_string .= "<td>$row[ae_wpm]</td>";
        $display_string .= "<td><img src='".$row[ae_picture]. "'></img></td>";
        $display_string .= "</tr>";

Considered your $row[ae_picture]= http://domain.com/path/to/image.jpg
granholmenAuthor Commented:
Thank you so much for very quickly reponse and an accurate perfect answer!!!! You made my day!! :)

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now